arkadaşlar hazırladığım web sitesine jquarynin fotoğraflara zoom yapan bi aparatını koydum.
elimizde 1 ürüne ait 3 farklı boyutta resim kaydediyoruz bunlar aynı ürüne ait küçük boy, normal boy ve büyük boy resimler.
site bütün herşeyi veritabanından çekiyo ve üstte ürünün bir adet normal boyda resmi var altındada aynı ürünün farklı açılardan çekilmiş küçük resimleri var.
küçük boy (thumbel gibi düşünün) resimlere tıklayınca üstte normal boy resim çıkıyo ve normal boy resimin üzerine mouse ile gelince juary zoom ile büyük boy remi kullanara zoom yapıyo.
sayfa ilk açıldığında çıkan resime zoom yapması konusunda sorun yok ancak alttaki küçük resimlere tıklayarak resmi değiştirdiğimizde gene ilk yani 1.resme zoom yapıyo. Yani jquaryye resmin değiştiğini 2. resime zoom yapması gerektiğini anlatamıyorum. kodlar şu şekilde.
Burasıda veritabanından gelen resim
Buda küçük resimlere tıklayınca üstte normal boydaki resmi çağıran kod
yani üstte çıkan büyük resmin değişmesi için küçük resimlere tıkladığımda üstteki büyük resim değişsede mouseyle büyük resimin üzerine gelip zoom yapmak istediğimde 2. resime zoom yapması gerekirken resmin değişmemiş gibi gene 1. resime zoom yapıyo, nasıl çözebilirim arkadaşlar...
Ekleme: Ekleme: kullanmak istediğim jquary eklentisi şu
özetle bu eklentiye dinamik veri çektirmtmek istiyorum.
elimizde 1 ürüne ait 3 farklı boyutta resim kaydediyoruz bunlar aynı ürüne ait küçük boy, normal boy ve büyük boy resimler.
site bütün herşeyi veritabanından çekiyo ve üstte ürünün bir adet normal boyda resmi var altındada aynı ürünün farklı açılardan çekilmiş küçük resimleri var.
küçük boy (thumbel gibi düşünün) resimlere tıklayınca üstte normal boy resim çıkıyo ve normal boy resimin üzerine mouse ile gelince juary zoom ile büyük boy remi kullanara zoom yapıyo.
sayfa ilk açıldığında çıkan resime zoom yapması konusunda sorun yok ancak alttaki küçük resimlere tıklayarak resmi değiştirdiğimizde gene ilk yani 1.resme zoom yapıyo. Yani jquaryye resmin değiştiğini 2. resime zoom yapması gerektiğini anlatamıyorum. kodlar şu şekilde.
HTML:
<script type="text/javascript">
jQuery(document).ready(function($){
$('#ResimZoom').addimagezoom({
zoomrange: [3, 10],
magnifiersize: [300,300],
magnifierpos: 'right',
cursorshade: true,
largeimage: "Resimler/UrunResimKlasoru/<?=($rsZoom['urun_resim'])?>_buyuk.jpg" //<-- No comma after last option!
})
})
</script>
Burasıda veritabanından gelen resim
HTML:
<span id="PageImage" style="display:block;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle">
<img src="Resimler/UrunResimKlasoru/<?=($rsProperty['urun_resim'])?>_normal.jpg"id="ResimZoom" border="0">
</td>
</tr>
</table>
</span> <span id="PageImageLoading" style="display:none;">
Buda küçük resimlere tıklayınca üstte normal boydaki resmi çağıran kod
HTML:
<a href="#.htm" onClick="GetAjax('include/ajax.php?GetImage=1&ImageName=<?=($rsImage['Images'])?>', 'PageImage', '')"><img src="Resimler/UrunResimKlasoru/<?=($rsImage['Images'])?>_kucuk.jpg" border="0"></a>
yani üstte çıkan büyük resmin değişmesi için küçük resimlere tıkladığımda üstteki büyük resim değişsede mouseyle büyük resimin üzerine gelip zoom yapmak istediğimde 2. resime zoom yapması gerekirken resmin değişmemiş gibi gene 1. resime zoom yapıyo, nasıl çözebilirim arkadaşlar...
Ekleme: Ekleme: kullanmak istediğim jquary eklentisi şu
özetle bu eklentiye dinamik veri çektirmtmek istiyorum.