您现在的位置是：首页 > cms教程 > Ecshop商城教程Ecshop商城教程
ecshop商品相册鼠标移动滑过小缩略图显示大商品图片
郭俊立2024-03-30Ecshop商城教程已有人查阅
导读部分人ECSHOP模板商品页面商品相册缩略图小图要靠点击才会显示商品大图先打开goods.dwt在
之间。然后找到代码：
部分人ECSHOP模板商品页面商品相册缩略图小图要靠点击才会显示商品大图先打开goods.dwt
添加代码:
然后找到代码：
<img src="/a/2406248/{$goods.goods_img}" rel="nofollow"/>在”{$goods.goods_name|escape:html}”代码的后面加上：
name="goods_img"
最后打开goods_gallery.lbi
找到代码：
经过上面的测试，鼠标滑过小图，在上面的图片显示位置显示的还是小图，原因在于：onmouseOver=”change_img(this.src)”，这段代码的意思是在上面的图片显示区显示当前的图片地址，this.src，而当前的图片地址正好是小图，解决方法：
将上面提到的：
添加代码:
<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！
感谢您的认可和支持
微信
支付宝
本文标签：
很赞哦！ ()
相关教程
图文教程
ecshop标签模板教程示例
先介绍部分：产品的三种排序方式：1–列表表格 2–多表格 3–字表格代码例子：这里主要使用了javascript技术，来达到，不同的显示内容方式：
ecshop网站transport.js/run() error:undefined处理方法
在ecshop程序里，经常会遇到警示框：transport.js/run() error:undefined ，今天这不又是这个问题，头疼死，js不太好
ecshop支付时减库存的实现方法
ecshop后台减少库存的时机默认只有下订单时和发货时，不能满足各种客户需求啊，要增加一个商家付款后就能减少库存，先解决方法如下
ecshop运费配送方式仿淘宝地区运费模板功能开发
ECSHOP运费配送方式仿淘宝地区运费模板功能开发目录：1、Ecshop后台配送方式创建2、商品绑定配送方式的运费模板2.1 数据表“ecs_good
相关源码
-
(PC+WAP)门窗门业家居定制铝合金产品pbootcms模板下载基于PbootCMS内核开发的门窗门业企业专用模板，采用响应式设计结构，数据一次录入即可同步适配电脑与手机端浏览。通过简洁大气的视觉呈现，帮助门窗企业快速建立专业线上展示平台，有效传递产品价值与服务优势。查看源码 -
WordPress个人博客主题 - wp-Concise-v1.0免费下载wp-Concise-v1.0是一款专为个人博客设计的简约风格主题，采用全宽排版设计理念，注重内容呈现效果。该模板适用于个人随笔、技术分享、生活记录等博客场景，帮助用户打造专业的内容展示空间。查看源码 -
自适应营销型IT网络工作室互联网建站公司pbootcms网站模板为IT网络服务商、建站企业打造的高性能营销门户，基于PbootCMS开源内核深度开发采用HTML5自适应架构，实现PC与手机端数据实时同步交互。查看源码 -
HTML5响应式健身俱乐部pbootcms网站模板下载为健身俱乐部、瑜伽中心及运动场馆设计的响应式网站模板，采用PbootCMS内核开发，支持一键替换图文适配健身器材销售、瑜伽工作室等多类型运动健康产业。查看源码 -
(PC+WAP)激光水幕音乐喷泉设备工程网站源码下载本模板基于PbootCMS系统开发，为喷泉设备工程类企业设计，特别适合展示音乐喷泉、激光水幕等水景艺术项目。采用响应式技术，确保各类工程案例在不同设备上都能呈现视觉效果。查看源码 -
(自适应响应式)HTML5幕墙装饰工程建筑装修公司pbootcms模板下载基于PbootCMS开发的响应式模板，为幕墙工程、建筑装饰企业设计，通过数字化展示提升企业专业形象与项目展示能力。结构化数据标记增强项目案例收录，智能URL路由优化，支持每个工程案例独立设置关键词与描述查看源码
| 分享笔记 （共有 篇笔记） |
