負載縮略圖到事業部，並利用雲變焦

Question

我有加載縮略圖到一個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> 

所以，這裏是我的問題：縮略圖加載到分區沒關係，但每次我將鼠標懸停在新加載的縮略圖上時，雲端縮放出現，但仍顯示初始圖像，是否有我可以獲得的方式雲變焦顯示當前加載的圖像？

a busy cat http://beta2.stocksale.ca/picture.png

請幫助！ AHHHH！

Answer 1

只需在jQuery操作之後重新調用*$('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();*即可。