给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
版权所有 © 转载时必须以链接形式注明出处!

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

实时购买动态 ×

诺丽王会员 在 2019-10-12 购买了 ecshop一键分享到第三方网站支持分成链接