图片放大镜右边放大显示范围小的问题

2016-07-07 16:06 来源：www.chinab4c.com 作者：ecshop专家

自己通过研究和测试图片放大镜程序，终于实现了鼠标 放上去 右侧实现放大镜效果，但是对于有部分图片在放大的时候，右边放大显示的范围总是很小，如图所示：
未命名.jpg

先将goods.dwt中的部分代码贴出来，

<!--商品图片和相册 start-->
<div class="imgInfo">
<!-- {if $pictures}-->
<a href="{$pictures.0.img_url}" id="zoom1" class="MagicZoom MagicThumb" rel="thumb-change:mouseover; zoom-width:480px zoom-height:330px" title="{$goods.goods_style_name}">
<img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}" width="310px;" height="310px;"/>
</a>
<!-- {else} -->
<a href="{$pictures.0.img_url}" id="zoom1" class="MagicZoom MagicThumb" rel="thumb-change:mouseover; zoom-width:480px zoom-height:330px" title="{$goods.goods_style_name}">
<img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}" width="310px;" height="310px;"/>
</a>
<!-- {/if}-->
<div class="blank5"></div>
<!--相册 START-->
<!-- #BeginLibraryItem "/library/goods_gallery.lbi" --><!-- #EndLibraryItem -->
<!--相册 END-->

不知问题在哪里？？
请教高手问题出在哪里，还是怎样修改好？拜谢！

回答：
原来模板里面已经有的图片是大图，放大显示就是比较小的，但是自己加入图片测试了下，对于大图片，放大显示框是正常的

JS里面，哟个属性

这个是外面的id为goodsInfo_img层的overflow:hidden;属性问题，将goodsInfo_img中的此属性，和#goodsInfo_img .goodsImg中的属性删除就可以了

这个是外面的id为goodsInfo_img层的overflow:hidden;属性问题，将goodsInfo_img中的此属性，和#goodsInfo_i ...
test22 发表于 2011-7-12 14:41



是不是style.css里面的， 我已经按你的意思删除了overflow:hidden，测试了好几次，问题依然存在，有些图片放大不正常

顶！
我也遇到LZ一样的问题，请教，谢谢！




我的办法是：添加商品图片时，要上传较大的图片，一般都要大于500像素以上，而且图片的长和高比例要接近，图片放大程序才能正常放大显示

我也有这问题啊，就是不知道怎么解决，想用这放大镜功能

穿越小说