图片放大镜右边放大显示范围小的问题
2016-07-07 16:06 来源:www.chinab4c.com 作者:ecshop专家
自己通过研究和测试图片放大镜程序,终于实现了鼠标 放上去 右侧实现放大镜效果,但是对于有部分图片在放大的时候,右边放大显示的范围总是很小,如图所示: 先将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 ... 是不是style.css里面的, 我已经按你的意思删除了overflow:hidden,测试了好几次,问题依然存在,有些图片放大不正常 |
顶! 我也遇到LZ一样的问题,请教,谢谢! |
我的办法是:添加商品图片时,要上传较大的图片,一般都要大于500像素以上,而且图片的长和高比例要接近,图片放大程序才能正常放大显示 |
我也有这问题啊,就是不知道怎么解决,想用这放大镜功能 穿越小说 |
最近更新
常用插件
- ecshop的oss插件
ecshop的oss插件免费共享了,oss,ecshoposs...
- ecshop注册审核插件
ecshop插件介绍:ecshop会员注册审核插件,主要是在前台提供给注册的时候...
- ecshop虚拟发货插件
ecshop虚拟发货插件介绍: ecshop虚拟发货插件,主要为了通过后台手动录...
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
- ecshop订单聚合插件
ecshop订单聚合插件,主要是为了方便ecshop中订单产品到货情况的分析和...
ecshop热门问答
ecshop热门资料
ecshop久钰久商城技术共享
ecshop正则表达式
ecshop流行女包
ecshoposcommerce
ecshop访问
ecshop图片浏览
ckedit水印
ecshop易赛自动充值系统
ecshop汇丰银行
ecshop卓流应用网优惠活动
ecshopAPI
ecshop已经
ecshop俄罗斯
ecshopWeb
ecshop天涯海角
ecshopFLASHAD
ecshop飞信
ecshop省略号
ecshopauto
ecshop电话号码
ecshop三角
ecshopbeta
ecshop精品推荐
ecshop软件环境
ecshoppagefooter
ecshop小鸟
ecshop进销存软件
ecshopmanagement
编译redis
ecshop拖动