1

提前致谢。请帮我弄清楚我的问题。我有一个缩略图列表，其中选择特定图像时，它作为主要图像。当主图像悬停时，缩放应该可以工作。缩放实际上工作得很好。我的问题是缩放的图像不是我选择的相应图像。它总是只缩放我设置为默认值的图像。请帮我想出一个解决方案。

html代码 

<span class='zoom' id='ex1'>
<div  class="prdmainimg"><img id="imgDisp"   src="loom-admin/image/products/<?php echo $image[0];?>" height="495" width="310"/></div>
            </span>
<div class="prdsubcnt" >
<div  class="prdsubcl1"><img  src="loom-admin/image/products/<?php echo $image[1]; ?>" width="65" height="100" onClick="changeImage('loom-admin/image/products/<?php echo $image[1]; ?>')"    /></div> 
<div class="prdsubcl1"><img src="loom-admin/image/products/<?php echo $image[2]; ?>" width="65" height="100" 
onClick="changeImage('loom-admin/image/products/<?php echo $image[2]; ?>'); "/> </div>
<div class="prdsubcl1"><img src="loom-admin/image/products/<?php echo $image[3]; ?>" width="65" height="100" 
onClick="changeImage('loom-admin/image/products/<?php echo $image[3]; ?>')" /></div>
<div class="prdsubcl1"><img src="loom-admin/image/products/<?php echo $image[0]; ?>" width="65" height="100" 
onClick="changeImage('loom-admin/image/products/<?php echo $image[0]; ?>'); "/> </div>
</div>

</div>

脚本

function changeImage(imgName)
{
  image = document.getElementById('imgDisp');
  image.src = imgName;
}
4

1 回答 1

0

而不是 onclick 功能你可以使用下面的代码来执行你的任务..

$('.prdsubcl1 img').on('click',function(){
var src = $(this).attr('src');
$('#imgDisp').attr('src', src);
});

小提琴

PureJs喜欢

$('#imgDisp').click(function() {$('#ex1').zoom(); }); this the ur zoom code isn't it use the same code should zoom...i could'nt able to add in fiddle but should work..
于 2013-10-29T10:00:48.367 回答