您现在的位置是：首页 > cms教程 > ecshop商城教程ecshop商城教程

ecshop商品相册鼠标移动滑过小缩略图显示大商品图片

郭俊立2024-03-30 00:02:05ecshop商城教程已有12人查阅

导读部分人ECSHOP模板商品页面商品相册缩略图小图要靠点击才会显示商品大图先打开goods.dwt在之间。然后找到代码：

部分人ECSHOP模板商品页面商品相册缩略图小图要靠点击才会显示商品大图先打开goods.dwt
添加代码:

<script type="text/javascript">
function change_img(img_src)
{
document.getElementsByName(“goods_img”)[0].src="/a/2406248/img_src;}
</script>

在<head></head>之间。
然后找到代码：
<img src="/a/2406248/{$goods.goods_img}" rel="nofollow"/>在”{$goods.goods_name|escape:html}”代码的后面加上：
name="goods_img"
最后打开goods_gallery.lbi
找到代码：

<!- {foreach from=$pictures item=picture}->
<li><a href="/a/2406248/gallery.php?id={$id}&img={$picture.img_id}" target="_blank" rel="nofollow"></li>
<!-{/foreach}->

在class="B_blue"后面加上：

onmouseOver="change_img(this.src)" />

保存，运行即可。
经过上面的测试，鼠标滑过小图，在上面的图片显示位置显示的还是小图，原因在于：onmouseOver=”change_img(this.src)”，这段代码的意思是在上面的图片显示区显示当前的图片地址，this.src，而当前的图片地址正好是小图，解决方法：
将上面提到的：

<img src="/a/2406248/{if" rel="nofollow"/>

修改为：

<img src="/a/2406248/{$picture.img_url}" rel="nofollow"/>

OK！

本文标签：

很赞哦！ (0)

上一篇：ecshop去版权标志删除Powered by ecshop

下一篇：ecshop用户协议字体颜色怎么修改

暂无内容

随机图文

留言与评论（共有 0 条评论）

大家在看

ecshop收货地址199/198号段提示手机号格式不正确！

暂无内容

本栏推荐

暂无内容

大家喜欢

暂无内容

您现在的位置是：首页 > cms教程 > ecshop商城教程ecshop商城教程

ecshop商品相册鼠标移动滑过小缩略图显示大商品图片

相关文章

随机图文

大家在看

本栏推荐

相关标签

大家喜欢