javascript变焦后的默认图像图像src值

这里有一个问题，我的JavaScript在这里。首先，如果我点击图片，它会缩放图片。问题是当图像变成不同的图像并点击时，它仍会缩放第一幅图像，而不是新图像。javascript变焦后的默认图像图像src值

我的HTML（容器，显示图像，并放大）

<div class="col-md-8"> 
    <span id='ex3' class="zoom"> 
     <img class="img-responsive" id="myImage" width='750' height='550' src="<?php echo "./image/product/p1/". $row['item_image']. ".jpg"; ?>"> 
    </span> 
</div>

我的HTML（下一张图片我想点击放大）

<div class="col-sm-3 col-xs-6"> 
    <a href="#"> 
     <img class="img-responsive portfolio-item subimage" onclick="changeImage1(); <?php $show1="./image/product/p1/". $row['item_image']. ".jpg"; ?>" src="<?php echo "./image/product/p1/". $row['item_image']. ".jpg"; ?>" alt=""> 
    </a> 
</div>

我的JavaScript在body标签

function changeImage1() { 
    var image = document.getElementById('myImage'); 
    var submage = document.getElementsByClassName('subimage')[1].src; 
    image.src= submage;   
}

我的头像标签中的javascript（缩放功能）

jQuery(document).ready(function($){ 
    $('#ex3').zoom({ on:'click' });   
});

如何解决它，有什么想法？谢谢。

来源

2016-06-11 Shawn

这可能是'zoom（）'插件的缓存问题。查看该插件的文档，了解刷新内容的任何方法。如果没有，你可能不得不销毁它并重新实例化。 –

如何销毁并重新实例化？ – Shawn

同样，这完全取决于插件。检查文档。 –

您在下一张图片中缺少id =“ex3”单击缩放html。尝试类似这样的：

jQuery(document).ready(function($){ 
     $('img').zoom({ on:'click' });   
    });

来源

2016-06-11 09:52:17 Medda86

无法正常工作，更改后＃ex3到img无法再缩放 – Shawn

@Shawn这个怎么样？ $（'img'）。parent（）。zoom（{on：'click'}）; – Medda86

仍然像我目前的问题。没变化。只是可以缩放默认图像。 – Shawn

javascript变焦后的默认图像图像src值

回答

相关问题