您现在的位置是：首页 > 教程 > ecshop商城教程ecshop商城教程
ecshop商品相册鼠标移动滑过小缩略图显示大商品图片
郭俊立2024-03-30 00:02:05ecshop商城教程已有人查阅
导读部分人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广告位调用在库文件增加广告方法
ECSHOP模板中lbi文件中添加广告位的方法一般的广告位是写在dwt文件里的。也有人希望能直接写在lbi文件里。那么我们可以这样做
ecshop商城ajax调用参数说明
1、首先ecshop是如何定义ajax对象的。2、ecshop中ajax可以使用两种方式传递数据．一种是get方式，一种是post方式.3、ecshop中的 ajax可以是传递text数据，也可以是一个json对象。比如以下代码
ecshop+wamp本地安装环境
wamp是一款集成软件，集成了Apache+Mysql+PHP。无需配置环境变量，实现傻瓜式安装。 ECShop是一款B2C独立网店系统，适合企业及个人快速构建个性化网上商店。系统是基于PHP语言及M
ecshop的ajax刷新购物车功能实现方法
1、比如我们category.dwt 里有。我们现在需要实现点击按钮后页面不刷新去更新上面购物车数量2、首先我们需要调入系统这俩个js文件 是有关ajax实现效果的类问题 我们大可不去管 只需要调入 下来我们打开系统的common.js文件
| 留言与评论 （共有 条评论） |