- 时间：2022-05-24 06:46 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：基于jquery的防止大图片撑破页面的实现代码(立即缩放)
为了防止图片撑破布局，最常见的仍然是通过onload后获取图片尺寸再进行调整，所以加载过程中仍然会撑破。而Qzone日志的图片在此进行了改进，onload完毕后才显示原图。我以前用onload写过一个小例子：http://www.planeart.cn/?p=1022
通过imgReady可以跨浏览器在dom ready就可以实现图片自适应，无需等待img加载，代码如下：
（3-17修复网友crossyou 指出的一处错误，并且新版本去掉了替换图片）
[url=http://demo.jb51.net/js/2011/autoimg/]http://demo.jb51.net/js/2011/autoimg/[/url]
后记：虽然有了上一篇文章imgReady技术的铺垫，我以为会很简单的实现这个图片自适应插件，可是过程中却在webkit内核的浏览器碰了一鼻子灰，后来才得知webkit有BUG未修复，webkit无法无法中断img下载。我折腾许久后更新了imgReady函数与这个例子。
[url=http://www.1sucai.cn/jiaoben/34771.html]打包下载地址[/url]
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
