Resim galerisi için yardım lütfen!!!.
Merhaba,
hazır jquery bir script (FULLPAGEIMAGEGALLERY) kullanarak kişisel web sayfam için resim galerisi yapmaya çalışıyorum fakat bir türlü veritabanından resimleri sıralayamadım, aşığıda küçük resimler sıralanacak ve resmin üstüne tıklayınca resim büyüyecek ama yapamıyorum while döngüsündemi hata yapıyorum yoksa yanlış yerdemi parantez kapatıyorum anlamadım bir resim geliyor oda silik geliyor ve üzerine tıklanmıyor veritabanından değilde 1.jpg yazınca normal olmuyor ama benim döngü kurup birden fazla resmi galeri yapmam gerekli yardımlarınız için şimdiden teşekkür ederim. iyi çalışmalar
<div id="fp_gallery" class="fp_gallery">
<?php
$rastgeleler = mysql_query("SELECT * FROM resimler order by id desc");
while($rastgele = mysql_fetch_array($rastgeleler))
{
?><img src="images/<?=$rastgele['resim']?>" alt="" class="fp_preview" style="display:none;"/>
<div class="fp_overlay"></div>
<div id="fp_loading" class="fp_loading"></div>
<div id="fp_next" class="fp_next"></div>
<div id="fp_prev" class="fp_prev"></div>
<div id="outer_container">
<div id="thumbScroller">
<div class="container">
<div class="content">
<div><a href="#"><?php
$resimsecici = mysql_query("SELECT * FROM resimler where id='".$rastgele['id']."'");
if($resimci = mysql_fetch_array($resimsecici))
{
?><img src="images/thumbs/<?=$resimci['kucukresim']?>" alt="images/<?=$resimci['resim']?>" class="thumb" /></a><?php } ?></div>
</div>
</div>
</div>
</div>
<div id="fp_thumbtoggle" class="fp_thumbtoggle">Küçük Resimleri Aç</div>
<?php } ?>
</div>
Php
öncelikle iç içe döngü koymak büyük hatadır. zaten farklı bir tablodan veri almadığına göre aynı tablodan resmin büyük halini çağırmış olman lazım.
ikinci WHILE döngüsünü sil. gerek yok.
if($resimci = mysql_fetch_array($resimsecici))
{
?><img src="images/thumbs/<?=$resimci['kucukresim']?>" alt="images/<?=$resimci['resim']?>" class="thumb" /></a><?php } ?>
bunu yaz: <a> tagını da unutmuşsun:
<a href="images/buyukresim/ad?"><img src="images/thumbs/<?=$rastgele['kucukresim']?>" alt="images/<?=$rastgele['resim']?>" class="thumb"></a>
php
Merhaba, cevabınız için teşekkür ederim uyguladım fakat olmadı yada ben yapamadım biraz acemi amatör olunca biraz uğraşmak zorunda kalıyor insan
:(
siz bir örnek kod yazsanız ben o örneğe göre düzenlemeye çalışsamda olabilir benim yazdığım kodda sorun olabilir çünkü
dreamweaver cs6 da deniyorum fakat yinelenebilir bölgede sorun yaşıyorum küçük resimler yineleniyor ama ya en son yüklenen yada ilk yüklenen bir resim yineleniyor diğer resimler gelmiyor orjinal kodlar aşağıdadır bende veritabanından resimleri okutmaya çalışıyorum belki ben yanlış sormuş olabilirim
mysql resimlerim tablosu (id-resim-kucukresim) olarak üç bölümden oluşuyor
bu adresde ( http://tympanus.net/Tutorials/FullPageImageGallery/ ) sayfa görüntüsü var ve script (http://tympanus.net/codrops/2010/09/08/full-page-image-gallery/) bu adresden indirilebilir bu şekilde olması gerekli ama olmuyor
<div id="fp_gallery" class="fp_gallery">
<img src="images/1.jpg" alt="" class="fp_preview" style="display:none;"/>
<div class="fp_overlay"></div>
<div id="fp_loading" class="fp_loading"></div>
<div id="fp_next" class="fp_next"></div>
<div id="fp_prev" class="fp_prev"></div>
<div id="outer_container">
<div id="thumbScroller">
<div class="container">
<div class="content">
<div><a href="#"><img src="images/thumbs/1.jpg" alt="images/1.jpg" class="thumb" /></a></div>
</div>
<div class="content">
<div><a href="#"><img src="images/thumbs/2.jpg" alt="images/2.jpg" class="thumb" /></a></div>
</div>
<div class="content">
<div><a href="#"><img src="images/thumbs/3.jpg" alt="images/3.jpg" class="thumb" /></a></div>
</div>
</div>
</div>
</div>
<div id="fp_thumbtoggle" class="fp_thumbtoggle">Küçük Resimleri Aç</div>
</div>
Bu şekilde bütün resimler geliyor fakat sağa dayalı geliyor ve üstüne tıklanmıyor :( şunu anlamadım ( <?php } ?> ) yer değiştirdikce kucuk resimler farklı şekil alıyor yada gözükmüyor bu tırnak nasıl kullanılır bilmiyorum
<div id="fp_gallery" class="fp_gallery">
<?php
$resimsecici = mysql_query("SELECT * FROM resimler where id=1");
if($resimci = mysql_fetch_array($resimsecici))
{
?>
<img src="images/<?=$resimci['resim']?>" alt="" class="fp_preview" style="display:none;"/>
<div class="fp_overlay"></div>
<div id="fp_loading" class="fp_loading"></div>
<div id="fp_next" class="fp_next"></div>
<div id="fp_prev" class="fp_prev"></div>
<div id="outer_container">
<div id="thumbScroller">
<div class="container">
<?php } ?>
<?php
$resimlerigetir = mysql_query("SELECT * FROM resimler order by id desc");
while($resimgetir = mysql_fetch_array($resimlerigetir))
{
?>
<div class="content">
<div><a href="#"><img src="images/thumbs/<?=$resimgetir['kucukresim']?>" alt="images/<?=$resimgetir['resim']?>" class="thumb" /></a><?php } ?></div>
</div>
</div>
</div>
</div>
<div id="fp_thumbtoggle" class="fp_thumbtoggle">Küçük Resimleri Aç</div>
</div>
Php
boşa konuşuyorum. oraya örnek yazdım.
php
Sayın drekon, hocam sizi kızdırdığım için özür dilerim, boşa konuşmuyorsunuz konuştuğunuz önemli tabiki, örnek vermeseniz sabah akşam uğraşıp duracağız, biz acemi olunca bir anda anlayamıyoruz tabi ondan kaynaklanıyor :(
dediğiniz gibi sadece benim kodları yanlış div arasına yerleştirmemden kaynaklanıyormuş :) sonunda sayenizde çözüldü çok teşekkür ederim iyi çalışmalar
<div id="fp_gallery" class="fp_gallery">
<img src="images/1.jpg" alt="" class="fp_preview" style="display:none;"/>
<div class="fp_overlay"></div>
<div id="fp_loading" class="fp_loading"></div>
<div id="fp_next" class="fp_next"></div>
<div id="fp_prev" class="fp_prev"></div>
<div id="outer_container">
<div id="thumbScroller">
<div class="container">
<?php
$rastgeleler = mysql_query("SELECT * FROM resimler order by id desc");
while($rastgele = mysql_fetch_array($rastgeleler))
{
?>
<div class="content">
<div>
<a href="images/<?=$rastgele['resim']?>"><img src="images/thumbs/<?=$rastgele['kucukresim']?>" alt="images/<?=$rastgele['resim']?>" class="thumb" /></a>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
<div id="fp_thumbtoggle" class="fp_thumbtoggle">Küçük Resimleri Aç</div>
</div>
