Question

我的javascript存在问题。首先，如果我点击图像，它将缩放图像。问题是当图像变为不同的图像并单击时，它仍然会缩放第一个图像，而不是新图像。

我的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

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' });         
 });

如何修复它，任何想法？感谢。

Answer 1

你错过了id =“ex3”，在下一张图片中点击缩放html。尝试这样的事情：

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

更改图像src值后javascript缩放默认图像

1 个答案: