jqzoom插件图片放大功能的一些BUG

建议使用cloud-zoom插件，jqzoom插件就不要使用了

点击查看——图片放大镜——jQuery插件Cloud Zoom

刚开始使用的是jqzoom插件，但问题太多了，就不说插入到页面中使用了，就单单插件本身带的实例

Bug1:先天性营养不良

你就不能使用margin:0 auto;把它放到一个居中显示的模块。也只能靠窗口最左边显示，要不就是用margin-left让它靠左边一定距离显示，但你要想让它想一般的网站里能适应不同宽度的浏览器，怕是不好用了。

Bug2:后天发育不足

jqzoom受外围模块的影响，刚开始发现的是在IE下显示正常，在webkit内核的极速浏览器下，就没有放大效果了。于是就花了好久时间把整个主体内的模块一层一层的调，才发现是跟jqzoom插件所在的层同一级的一个分享模块影响了它，然后就调整那个分享模块的位置，不幸的是，整个页面不能出现那个分享模块，只要出现，图片的放大效果就受到影响。这就说明这个插件扩展性太差，单独的模块怎么能收外围环境的影响呢！

辛苦的调试历程：

从刚开始发现问题，一连调了两天，可一个问题好不容易解决了，另一个问题又出现了，调到最后，发现了它先天性的BUG——无法再w3c标准下，使用margin:0 auto;让它居中。这就没办法了，真是扶不起来的阿斗啊。。。
所以，有需要图片放大功能的朋友们推荐使用cloud-zoom把，兼容性强，就把原来的js文件和样式换成cloud-zoom插件的文件，几乎就没再调什么，完美的图片放大功能就出来了，去不同内核的浏览器去测试了下，都没一点问题！

 

转载于:https://www.cnblogs.com/xyyt/p/3979379.html