jQuery的負載縮略圖W/CloudZoom

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> 

所以這裏是我的問題：縮略圖加載到DIV不錯，但每次我將鼠標懸停在新加載的縮略圖時，雲變焦上來，但仍顯示最初的圖像，有沒有辦法讓我的雲變焦顯示當前加載的圖像？

繁忙的貓：
http://beta2.stocksale.ca/picture.png（需要登錄在那裏）

請幫助！ AHHHH！

Answer 1

我有類似的問題。再次嘗試撥打.CloudZoom ...

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