| 标签：ECSHOP | 分类：PHP |
(5.28 KB)
2. 打开style.css ，添加下面代码到style.css文件的底部，保存。
/* ====================
MagicZoom放大镜
==================== */
.MagicZoomPup {
width:50px!important;
height:50px!important;
}
.MagicZoomBigImageCont {
border:
1px solid #57A7F0;
}
3. 打开goods.dwt
添加CSS、js调用：
<link rel=\"stylesheet\" href=\"/css/MagicZoom.css\" type=\"text/css\" media=\"screen\" />
<script type=\"text/javascript\" src=\"js/mz-packed.js\"></script>
搜索：（各个版本的不同模板这段代码会有些差异）
<a href=\"javascript:;\">
<img src=\"{$goods.goods_img}\" alt=\"{$goods.goods_name|escape:html}\"/>
</a>
用下面代码替换：
<a href=\"{$pictures.0.img_url}\" class=\"MagicZoom\" id=\"zoom1\"><img src=\"{$goods.goods_img}\" width=\"230\" height=\"230\" alt=\"{$goods.goods_name|escape:html}\"/></a>
最终效果图：
