ecshop的数据字典

合用一切ecshop版本模板的扩大镜（含小图切换大图结果）

前段工夫分享了一个合用于一切ecshop版本的商品扩大镜结果

见帖子：http://bbs.ecshop.com/thread-93763-1-1.html

里面的结果完成了：鼠标放上去右侧完成扩大镜结果 +鼠标点击完成弹出扩大图片结果

今日要分享的照样这个扩大镜结果只是添加了小图切换显示大图结果

详细结果看我的演示站：http://ecshop.xwmoban.com/default/goods.php?id=34
   （官方ecshop2.70 默许模板）

兼容 ie6+ie7+ie8+ff

我来说下详细的操作步调技能支撑北京模板部落  www.xwmoban.com   （ecshop模板任务室）

【1】.先下载 mzp.packed.js

下载地址：http://www.magictoolbox.com/static/magiczoomplus-demo.zip

【2】.在模板中引入 mzp.packed.js 文件

有2种方法来引入

第一种方法：把mzp.packed.js   放到 ec根目次 js目次下面

如许在goods.dwt文件里面添加一行：

{insert_scripts files='common.js,mzp-packed.js'}

复制代码

第二种方法：把mzp.packed.js放到模板文件夹里面的js目次下

如许在goods.dwt里面添加一行：

复制代码

假如良多伴侣发现没有用果那反省下能否成功的加载了js代码

【3】在goods.dwt里面添加如下代码：我们以ecshop2.70 default模板为准其他模板依此类推

<a href="{$pictures.0.img_url}" id="zoom1" class="MagicZoom MagicThumb" title="{$goods.goods_style_name}">
<a href="{$pictures.0.img_url}" id="zoom1" class="MagicZoom MagicThumb" title="{$goods.goods_style_name}">

复制代码

【4】找到库文件 goods_gallery.lbi
改为如下

<span onmou搜索引擎优化ver="moveLeft()" onmousedown="clickLeft()" onmouseup="moveLeft()" onmou搜索引擎优化ut="scrollStop()">
<a href="{$picture.img_url}"
rel="zoom1"
rev="{$picture.img_url}"
title="{$picture.img_desc|escape:html}">
<img src="{if $picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url}{/if}" alt="{$goods.goods_name}" class="B_blue" />

<div id="demo2" style="display:inline; overflow:visible;">

复制代码【5】把方才下载的包里面的magiczoomplus.css 内容添加到 style.css里面去即可

发布：2007-03-31 14:57 编辑：泛普软件 · xiaona [打印此页] [关闭]

ecshop的数据字典

泛普鹰潭网站建设公司其他应用