0

我有两张产品图片。

当我将鼠标悬停在图像上时，我使用 Magic Zoom plus 4.0 来放大图像。在我点击第二张图片之前它工作正常；第二张图片显示在主窗口上，但是当我将鼠标悬停在它上面时，它已经显示了上一张图片的缩放。

请帮助这是我的代码。

<li class="main-image-set ">
    <a href="<?=get_image($product['product_image']);?>" class="MagicZoom thumbnail" id="zoom" title="Cool View!"  rel="zoom-position: right; zoom-align: bottom; zoom-height: 460px; zoom-width: 340px;">
        <img src="<?=get_image($product['product_image']);?>" class="changeimg" id="mainImage" >
    </a>
</li>
<li class="image-additional">
    <a class="thumbnail">
        <img class="galleryimg" src="<?=get_image($product['product_image']);?>" onclick="changeImage1()">
    </a>
</li>
<li class="image-additional">
    <a class="thumbnail">
        <img class="galleryimg" src="<?=get_image($product['product_imageTwo']);?>" id="ok" onclick="changeImage2()">
    </a>
</li>




<script>                                
function changeImage1() {
    document.getElementById("mainImage").src = "<?=get_image($product['product_image']);?>";
}
function changeImage2() {
    document.getElementById("mainImage").src = "<?=get_image($product['product_imageTwo']);?>";    
    document.getElementById("zoom").href = "<?=get_image($product['product_imageTwo']);?>";
}
</script>
4

0 回答 0