为什么我的这个MagicZoomPup 不起作用!

2016-07-07 16:19 来源：www.chinab4c.com 作者：ecshop专家



按网上说的好几个帖子在样式表里加上
MagicZoomPup {
width:50px!important;
height:50px!important;
}

后,就是不起作用,左侧就是不出现,选取框,只用鼠标在动!,,没有选取框,右侧的放大后的图片,不能起到预想的效果!

本人试验地址:http://flyhome.1010zz.com/goods.php?id=1

回答：
出现，是会出现的。不要设置这个。。不然放大镜会有问题的。。建议楼主看下这个放大镜的文档。和参数说明

本人实在愚笨,看了一晚上了,就是没弄明白,还望高人们指点!

<独自等待>主演:flyhome

相册图片尽量大些。。商品图348*261，相册图800*600。。参考下我的商城。http://www.973c.com/goods-38.html，
主要代码如下
goods.dwt
  1. <a href="{$pictures.0.img_url}" class="MagicZoom MagicThumb" rel="thumb-change: mouseover; zoom-width:400px; zoom-height:300px;" id="zoom1">
  2. <img src="{$pictures.0.img_url}" height="261" width="348" alt="{$goods.goods_name|escape:html}"/>
复制代码
goods_gallery.lib
  1. <!-- {foreach from=$pictures item=picture name=picture}-->
  2. <li class="f_l"><a target="_blank" class="thumb" href="{$picture.img_url}" rel="zoom1" rev="{$picture.img_url}">
  3. <img onClick="location.href='gallery.php?id={$id}&amp;img={$picture.img_id}'" src="{if $picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url}{/if}" height="50" alt="{$goods.goods_name}" border="0"/></a>
  4. </li>
  5. <!--{/foreach}-->
复制代码
一些参数说明。
1.thumb-change: mouseover; 改用鼠标移上去事件切换。
2.zoom-width:400px; zoom-height:300px;改变放大镜区域的。宽度和高度。


希望这些对楼主有帮助。。

谢谢,学习了!

客气。。。

顶起!~留个记号!

学习了,不过还是没弄好，唉

放大镜框只能在部分区别里滑动，能帮忙解决么