ecshop实现鼠标滑过小图切换大图功能
来源:互联网 发布:启信宝 数据库 编辑:程序博客网 时间:2024/06/05 17:50
关于如何使ecshop网店里商品图片在能多现实的前提下又不影响客户查看呢?这就需要鼠标经过图片就能切换为大图的功能,具体如何操作呢?鼠标滑过小图显示大图的代码如下:
先打开goods.dwt
添加代码:
<script type="text/javascript">
function change_img(img_src)
{
document.getElementsByName("goods_img")[0].src=img_src;
}
</script>
在<head></head>之间。
然后找到代码:
<img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}" >
在"{$goods.goods_name|escape:html}"代码的后面加上:
name="goods_img" width="250" height="250"/>
最后打开goods_gallery.lbi
找到代码:
<!-- {foreach from=$pictures item=picture}-->
<li><a href="gallery.php?id={$id}&img={$picture.img_id}" target="_blank"><img src="{if $picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url}{/if}" alt="{$goods.goods_name}" class="B_blue" /></a>
</li>
<!--{/foreach}-->
在class="B_blue"后面加上:
onmouseOver="change_img(this.src)" />
- ecshop实现鼠标滑过小图切换大图功能
- ecshop实现鼠标滑过小图切换大图功能 .
- ecshop如何实现鼠标滑过小图切换大图功能
- ecshop相册实现鼠标滑过小图切换大图功能
- 鼠标滑过小图出现大图
- 鼠标滑过小图片显示层中大图片
- 鼠标滑过显示大图
- jquery 的实现鼠标滑过显示大图
- ECShop实现中英文切换功能
- 鼠标滑过缩略图时放大图
- 鼠标滑过显示图片大图效果
- css3+html+Jquery实现鼠标滑过图片切换效果
- Jquery实现鼠标移动/移过到商品小图片上时替换掉大图片上的图片
- 鼠标放上去小图显示大图
- 鼠标小图展示大图特效
- jQuery实现仿flash大图切换效果(带鼠标感应)
- javaweb前端点击小图切换大图
- 鼠标滑过图片出现大图片提示层效果
- 动态内存分配
- 工具条加载图标不显示问题
- php5.3终于支持require_once("/classes/class.php");了
- 冒泡排序
- 爱是永久相思情
- ecshop实现鼠标滑过小图切换大图功能
- 感谢贺老师出题 输入一个数,倒序输出
- 选择排序
- C# BackgroundWorker实现WinForm异步操作的例子
- Url重写技术
- 淡淡的微笑,静悄悄地过
- NFS挂载的实现,NFS挂载出错解决方法
- 《C语言深度剖析》电子版4.1.5小节的错误
- 轮子小议