文章/答案/技术大牛

发布

社区首页 >问答首页 >关联图像在缩略图列表中没有缩放

问关联图像在缩略图列表中没有缩放
EN

Stack Overflow用户

提问于 2013-10-29 09:39:20

回答 1查看 243关注 0票数 1

提前谢谢。请帮我解决我的问题。我有一个缩略图列表，在其中，当选择特定的图像时，它作为主图像出现。当主图像悬停时，如果work.Zoom实际工作的话，缩放，perfectly.My问题是，缩放的图像不是对应的图像，selected.It总是放大，只有设置为default.please的图像才能帮助我想出一个解决方案。

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>

java脚本

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

html

css

javascript

php

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-10-29 10:00:48

您可以使用以下代码来执行您的任务，而不是onclick函数。

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

小提琴

PureJ享受

$('#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..

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19654516

复制

相似问题

问关联图像在缩略图列表中没有缩放
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问关联图像在缩略图列表中没有缩放EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问关联图像在缩略图列表中没有缩放
EN