ecshop放大镜效果的实现方法
更新时间：2012-11-30 点击量：5524
放大镜的插件采用：;
<a href="javascript:;" onclick="window.open('gallery.php?id={$goods.goods_id}'); return false;">
<img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}"/>
</a>
<!-- {else} -->
<img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}"/>
<!-- {/if}-->
把它替换成这样一段话：[代码]xml代码：
<script src="/fangdajing/magiczoomplus-Crack.js" type="text/javascript"></script><!--上面说的js文件存放位置的引入-->
<link href="/fangdajing/magiczoomplus.css" rel="stylesheet" type="text/css" /><!--上面说的css文件存放位置的引入-->
<a href="{$pictures.0.img_url}" class="MagicZoom MagicThumb" id="Zoomer" rel="selectors-effect-speed: 600" title="{$goods.goods_style_name}{$goods.goods_style_name}" ><img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}" width="230px" height="230px"/></a>
<!-- {else} -->
<a href="{$pictures.0.img_url}" id="Zoomer3" class="MagicZoom" title="{$goods.goods_style_name}">
<img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}" width="230px;"/>
</a>
<!-- {/if}-->找到文件：\themes\default\library\goods_gallery.lbi
找到这样段话：
[代码]xml代码：
<!-- {foreach from=$pictures item=picture}-->
<li><a href="gallery.php?id={$id}&img={$picture.img_id}" target="_blank"><img src="{if $picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url}{/if}" alt="{$goods.goods_name}" class="B_blue" /></a>
</li>
<!--{/foreach}-->把它替换成这样一段话：
[代码]xml代码：
<!-- {foreach from=$pictures item=picture}-->
<li>
<a href="{$picture.img_url}" rel="zoom-id:Zoomer;" rev="{$picture.img_url}" title="{$picture.img_desc|escape:html}"><img src="{if $picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url}{/if}" alt="{$goods.goods_name}" class="B_blue" /></a></a>
</li>
<!--{/foreach}-->OK，保存既可以看到效果。
注意：因为这个插件是收费的，免费的上面会有其版权说明的水印，在这里分享一个去除水印的版本，经本人测试可用（直接替换js文件即可），使用方法同上，其他效果的使用方法，直接参考官网下载的案例即可，因不是最新版，可能会有些许差别。
附件下载：magiczoomplus完整解密去水印版.js
赏 
支付宝扫码打赏 
微信打赏
支付宝扫码打赏 微信打赏 如果文章对您有帮助，就打赏一个吧
«上一篇：ecshop去掉底部乱跳的powered by ecshop版权 下一篇：ecshop后台管理左侧菜单添加与实现设置权限方法»
