首页建站经验 ecshop商品展示页面鼠标滑过小图显示大图

ecshop商品展示页面鼠标滑过小图显示大图

关于如何使ecshop网店里商品图片在能多现实的前提下又不影响客户查看呢?这就需要鼠标经过图片就能切换为大图的功能,具体如何操作呢?鼠标滑过小图显示大图的代码如下:先打开good…

关于如何使ecshop网店里商品图片在能多现实的前提下又不影响客户查看呢?这就需要鼠标经过图片就能切换为大图的功能,具体如何操作呢?鼠标滑过小图显示大图的代码如下:

先打开goods.dwt

添加代码:

在之间。

然后找到代码:

{$goods.goods_name|escape:html}

在”{$goods.goods_name|escape:html}”代码的后面加上:

name="goods_img"

最后打开goods_gallery.lbi

找到代码:

  • {$goods.goods_name}

  • 在class="B_blue"后面加上:

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

    保存,运行即可。

    经过上面的测试,鼠标滑过小图,在上面的图片显示位置显示的还是小图,原因在于:onmouseOver=”change_img(this.src)”,这段代码的意思是在上面的图片显示区显示当前的图片地址,this.src,而当前的图片地址正好是小图,解决方法:

    将上面提到的:

    修改为:

    OK!

    问题解决!

    本文来自网络,不代表1号站长-站长学院|资讯交流平台立场。转载请注明出处: https://www.1cn.cc/jianzhan/jingyan/18116.html
    上一篇ecshop商品详情页一会显示一会不显示处理方法
    下一篇 ecshop属性 {$goods.goods_attr|nl2br} 标签的赋值相关
    admin

    作者: admin

    这里可以再内容模板定义一些文字和说明,也可以调用对应作者的简介!或者做一些网站的描述之类的文字或者HTML!

    为您推荐

    评论列表()

      联系我们

      联系我们

      0898-88888888

      在线咨询: QQ交谈

      邮箱: email@wangzhan.com

      工作时间:周一至周五,9:00-17:30,节假日休息

      关注微信
      微信扫一扫关注我们

      微信扫一扫关注我们

      关注微博
      返回顶部