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插件的文件,几乎就没再调什么,完美的图片放大功能就出来了,去不同内核的浏览器去测试了下,都没一点问题!

 

posted on   逍遥云天  阅读(404)  评论(0编辑  收藏  举报

编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示