给ECSHOP商品详细页的小图片鼠标经过切换显示大图效果

1.打开good.dwt模版文件,搜索找到第一处
<img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}" />
修改为:
<img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}" id="imgInfo" />

2.打开goods_gallery.lbi模版文件,搜索找到
<a href="gallery.php?id={$id}&amp;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>
修改为:
<a href="gallery.php?id={$id}&amp;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" onmouseover="document.getElementById('imgInfo').src='{$picture.img_url}';document.getElementById('imgInfo').width=400"/></a>

本文原创地址:https://www.ecshop.cx/article-84.html
版权所有 © 转载时必须以链接形式注明出处!

觉得本文对您有用,想收藏下来!方法很简单:请点击-〉
我们一直坚持白天工作、晚上熬夜更新资源,付出了巨大的精力和时间,其中的辛酸难以言述。

实时购买动态 ×

Denis 忙しい会员 在 2019-07-05 购买了 ECSHOP微信weixin消息通知插件【订单网店必备通知工具】