1

サムネイルを div にロードしてからクラウド ズームを使用すると問題が発生します。基本的に、html は次のようになります。

こんな感じです：

<!-- The Original Image -->
<p class="product-image product-image-zoom replace">
<a class="cloud-zoom" id="zoom1" href="src/to/img.jpg" rel="adjustX: 10, adjustY:-4">
<img id="" src="src/to/img.jpg" />
</a>
</p>


<div class="more-views">
   <ul>
    <li>
        <a href=""><img class="image-rollover" src="source/to/img.jpg" width="67" height="67"/></a>
    </li>
     <li>
        <a href=""><img class="image-rollover" src="source/to/img.jpg" width="67" height="67"/></a>
    </li>
     <li>
        <a href=""><img class="image-rollover" src="source/to/img.jpg" width="67" height="67"/></a>
    </li>
</ul>

これは、各サムネイルをメインの img タグにロードするために使用している jquery です。

jQuery('.image-rollover').hover(function() {
jQuery('.replace img').attr("src", this.src);
jQuery('.zoom').attr("href", this.src);
});

メイン画像でクラウドズームも使用しています。

<script type="text/JavaScript" src="<?php echo $this->getSkinUrl('js/cloud-zoom.1.0.2.min.js') ?>"></script>

ここに私の問題があります:サムネイルはdivに読み込まれますが、新しく読み込まれたサムネイルにカーソルを合わせるたびに、クラウドズームが表示されますが、最初の画像が表示されます。クラウドズームを表示する方法はありますか?ロードされている現在の画像？

忙しい猫:
http://beta2.stocksale.ca/picture.png (そこにログインする必要があります)

助けてください！！！ああああ!!!

4

1 に答える 1

1

同様の問題がありました。もう一度 .CloudZoom を呼び出してみてください...

jQuery('.image-rollover').hover(function() {
jQuery('.replace img').attr("src", this.src);
jQuery('.zoom').attr("href", this.src);
jQuery('.cloud-zoom').CloudZoom();
});
于 2012-06-10T14:25:22.697 に答える