- 时间:2021-02-07 20:26 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:autoIMG 基于jquery的图片自适应插件代码
为了防止图片撑破布局,最常见的仍然是通过onload后获取图片尺寸再进行调整,所以加载过程中仍然会撑破。而Qzone日志的图片在此进行了改进,onload完毕后才显示原图。我以前用onload写过一个小例子:http://www.planeart.cn/?p=1022
通过imgReady可以跨浏览器在dom ready就可以实现图片自适应,无需等待img加载,代码如下:
[url=http://demo.jb51.net/js/2011/autoimg/]http://demo.jb51.net/js/2011/autoimg/[/url]
后记:虽然有了上一篇文章imgReady技术的铺垫,我以为会很简单的实现这个图片自适应插件,可是过程中却在webkit内核的浏览器碰了一鼻子灰,后来才得知webkit有BUG未修复,我折腾许久后更新了imgReady函数。
[url=http://www.1sucai.cn/jiaoben/34771.html]打包下载地址[/url]