Arkadaşlar web siteme şu linktekini entegre etmek istiyorum.
Sayfa şu şekilde bir tane büyük resim var altındada diğer resimlerin ikonlarını var. İkonlara tıkladıkça üstündeki büyük resim değişecek ve büyük resimede bu zoom scriptini kullanmak istiyorum. Şekil şöyle
Örnek Resim1
Sayfa ilk açıldığında birinci resime zoomu sorunsuz şekilde yapıyo (Yukarıda:Örnek Resim1)
ancak diğer resimlerin ikonlarına tıklayınca büyük resim üste geliyo ama resime zoom yapmıyo onun yerine resime tıklamaya izin veriyo (Aşağıda:Örnek Resim2) ve zoom için çağırması gereken büyük resimi sayfada resim olarak açıyo ve zoom yapmıyo.
Örnek Resim2
Kodlar şu şekilde
Şunlar gerekli dosyaların sayfaya çağrılması için
Sayfanın ilk açıldığı andaki büyük resimin kodları şöyle. Alttaki kodlar sorunsuz çalışıyo yani "_big.jpg" yardımıyla zoom yapıyo (Örnek Resim1) ama resimi değiştirmek için alttaki ikonlardan birine tıkladıktan sonra zoom özelliği kullanılmıyo (Örnek Resim2)
Küçük ikonnların kodu, yani ikonlara tıklayınca üste büyük resimi çağırması için yazılan kodlar şöyle
Bu ikonlara tıklayınca ajax.php yardımıyla tıklanan resimin büyük halini üste çağırıyo (burda sorun yok) ama çağırdığı resme zoom yapmıyo onun yerine resime tıklamaya izin veriyo ve tıklayıncada resmin büyük halini aynı pencerede açıyo.
ajax.php nin ilgili kodlarıda şöyle
bu arada _extrasmall.jpg alttaki resimler, _normal.jpg üstteki büyük resim, _big.jpg ise zoom yapması için yüksek çözünürlükteki resimlerdir.
özetle bahsettiğim sorun sayfa ilk açıldığında herşey normalken, ilk tıklamadan sonra büyük resim üstte doğru şekilde konumlanırken(_normal.jpg) mauseyle üzerine geldiğimizde doğru şekilde zoom yapacağı yerde resime tıklamaya izin vererek resimi aynı sayfada (_big.jpg) açıyo ve zoom yapmıyo.
Sorunun ajax.php deki kodlarda olduğunu tahmin ediyorum ama bitürlü çözemiyorum. Bilen varsa bi yardımcı olsun lütfen
Sayfa şu şekilde bir tane büyük resim var altındada diğer resimlerin ikonlarını var. İkonlara tıkladıkça üstündeki büyük resim değişecek ve büyük resimede bu zoom scriptini kullanmak istiyorum. Şekil şöyle
Örnek Resim1
Sayfa ilk açıldığında birinci resime zoomu sorunsuz şekilde yapıyo (Yukarıda:Örnek Resim1)
ancak diğer resimlerin ikonlarına tıklayınca büyük resim üste geliyo ama resime zoom yapmıyo onun yerine resime tıklamaya izin veriyo (Aşağıda:Örnek Resim2) ve zoom için çağırması gereken büyük resimi sayfada resim olarak açıyo ve zoom yapmıyo.
Örnek Resim2
Kodlar şu şekilde
Şunlar gerekli dosyaların sayfaya çağrılması için
Kod:
<link href="magiczoom/magiczoom.css" rel="stylesheet" type="text/css" media="screen"/>
<script src="magiczoom/magiczoom.js" type="text/javascript"></script>
Kod:
<span id="PageImage" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle">
<a href="images/estate/<?=($rsProperty['urun_resim'])?>_big.jpg" rel="zoom-width:300px;zoom-height:300px;" class="MagicZoom">
<img src="images/estate/<?=($rsProperty['urun_resim'])?>_normal.jpg"/></a></td>
</tr>
</table>
</span>
Kod:
<a href="#.htm" onClick="GetAjax('include/ajax.php?GetImage=1&ImageName=<?=($rsImage['Images'])?>', 'PageImage', '')"><img src="images/estate/<?=($rsImage['Images'])?>_extrasmall.jpg" border="0"></a>ajax.php nin ilgili kodlarıda şöyle
Kod:
if (isset($_GET['GetImage'])) {
echo "<a href=\"images/estate/".$_GET['ImageName']."_big.jpg\" rel=\"zoom-width:300px;zoom-height:300px;\" class=\"MagicZoom\"> <img src=\"images/estate/".$_GET['ImageName']."_normal.jpg\"/ onload=\"remove_loading()\" border=\"0\"></a>";}özetle bahsettiğim sorun sayfa ilk açıldığında herşey normalken, ilk tıklamadan sonra büyük resim üstte doğru şekilde konumlanırken(_normal.jpg) mauseyle üzerine geldiğimizde doğru şekilde zoom yapacağı yerde resime tıklamaya izin vererek resimi aynı sayfada (_big.jpg) açıyo ve zoom yapmıyo.
Sorunun ajax.php deki kodlarda olduğunu tahmin ediyorum ama bitürlü çözemiyorum. Bilen varsa bi yardımcı olsun lütfen