Jquery 将缩略图加载到Div并使用云缩放

我在将缩略图加载到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>

我还在主图像上使用云缩放：

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

只需重新调用
*$（'.cloud zoom，.cloud zoom gallery'）.CloudZoom（）*在jQuery操作之后。
只需重新调用
*$（'.cloud zoom、.cloud zoom gallery'）.CloudZoom（）*

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