您现在的位置是：首页 > 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调用论坛bbs数据方法
前提保证论坛的数据表和我们ecshop的表在一个数据库的情况下$subject_list = $db->getAll("select tid,subject,dateline from cdb_post
ecshop lib_*函数列表
ecshop的includes下面的lib开头相关函数文件1.lib_article.php (文章及文章分类相关函数库) function get_cat_articles($cat_id, $page = 1, $size = 20 ,$requirement=''
ecshop商品显示属性价格低价格到高价格
ECSHOP获得有规格属 的商品的销售价格范围 实现显示价格区间仿淘宝对有商品属 且属 有附加价格的商品显示为价格区间 首先请看效果截图：
ecshop商品自定义价格区间的实现方法
在ECShop后台自由定义价格区间（例如：1-30,31-200,201-1000,1001-5000,5000以上），前台自动体现的一种方法，而且每个类别的价格区间可以任意设置，让价格区间更人性化。 1、首先我们
相关源码
-
(自适应)证书授权书防伪查询系统pbootcms模板本模板基于PbootCMS系统开发，为各类证书查询机构设计，可快速构建高效安全的证书核验平台。采用响应式布局技术，自动适配手机端操作，支持批量导入证书数据，提供便捷的查询接口，满足机构证书管理及用户在线核验需求。查看源码 -
pbootcms模板(PC+WAP)微信小程序开发公司网站本模板为微信小程序开发代理、软件开发公司等企业设计，基于PbootCMS内核开发，支持PC+WAP双端响应式布局，数据实时同步，适用于多行业快速建站。查看源码 -
(自适应响应式)html5高档服装定制西服pbootcms模板下载本模板基于PbootCMS内核开发，为服装定制企业和服装品牌量身打造。设计风格时尚现代，充分展现服装行业的审美特质与品牌魅力。采用HTML5响应式技术，确保在各种设备上呈现视觉效果。整站布局注重产品展示与品牌叙事，帮助企业有效展示服装系列与定制服务，提升客户体验。查看源码 -
pbootcms响应式蓝色旅游旅行社pbootcms网站源码下载为旅游公司、旅行社定制的响应式网站模板，聚焦旅游线路展示、景点推荐及预约服务场景。采用PbootCMS内核开发，自适应技术确保PC与手机端数据实时同步查看源码 -
(自适应响应式)家电维修清晰服务网站pbootcms模板免费下载本模板基于PbootCMS内核开发，为维修服务类企业打造，特别适合家电维修、设备维护等行业使用。通过简洁直观的界面设计，帮助企业快速搭建专业级服务平台，实现线上业务高效管理。查看源码 -
（响应式）企业管理人力资源服务类pbootcms模板源码下载为人力资源服务及企业管理设计的响应式网站模板，基于PbootCMS内核开发。通过宽屏布局优化岗位展示效果，简洁界面聚焦人才服务核心业务，自适应技术确保在PC端与手机端查看源码
| 分享笔记 （共有 篇笔记） |
