- 帖子
- 39
- 积分
- 82
- 体力
- 50 点
- 金币
- 10
- 威望
- 2
|
[共享] 简单详细步骤,EC可用的图片放大镜效果代码 - Magic Zoom
本帖最后由 sweekly 于 2009-5-12 14:50 编辑
继 勇哥 QingHou 之后
我刚解决了 放大镜问题 (我也是菜鸟)
很多人看了帖子还是不能顺利添加上
希望对菜鸟级 能有用
(引用了 以前的帖子 加点说明)
1,下载楼主给的第一个zip包 http://www.magictoolbox.com/static/magiczoomtrial.zip 解开,里面有个MagicZoom.css,把这个内容复制到ecshop的style.css。
2,下载楼主给的无水印js http://www.magictoolbox.com/static/mz-packed.js 在goods.dwt中载入。
(怎么载入??:在good.dwt中 找到 {insert_scripts files='common.js,global.js,transport.js} 改为 {insert_scripts files='common.js,global.js,transport.js,mz-packed.js'} mz-packed.js' 要放在 ..\upload\js\ 文件夹下面)
3,找到goods.dwt中商品图片的位置,比如bluesky中是
- <a href="{$pictures.0.img_url}" rel="lightbox[example]"><img src="{$goods.goods_img}" alt="" class="thumb" /></a>
把这句修改为
- <a href="{$pictures.0.img_url}" title="{$goods.goods_name|escape:html}" class="MagicZoom" rel="zoom-width: 400px; zoom-position: bottom"><img src="{$goods.goods_img}"/></a>
这样差不多就好了 我上传个 无水印 js
---------------------------------------------
在样式表里面加
- .MagicZoomPup {
- width:50px!important;
- height:50px!important;
- }
这个是控制 图片中移动的小方框 的大小 但是我加上这个之后 却出现了 不能移动 到最右边。。跟最下面 也就是方框的右边缘不能移动到 图片的右边缘 只能在 部分范围内移动 请高手来解决这个问题 |
-
1
评分人数
-
|