汇盛国际娱乐:autoIMG 基于jquery的图片自适应插件(2)

时间: 作者:县马

// 如果很小的图像有可能加载时间小于定时器定义的检测间隔时间,则会停止定时器  
img.onload = function () {  
callback(img.width, img.height);  
img.onload = img.onerror = null;  
clearInterval(intervalId);  
container && img.parentNode.removeChild(img);  
};  
// 图像加载错误  
img.onerror = function () {  
error && error();  
clearInterval(intervalId);  
container && img.parentNode.removeChild(img);  
};  
};  
})(jQuery);  
  
autoIMG压缩后:1.74kb,兼容:Chrome | Firefox | Sifari | Opera | IE6 | IE7 | IE8 | …  
调用演示:$(‘#demo p').autoIMG()  
同样,令人愉悦的DEMO地址在这里:  
后记:虽然有了上一篇文章imgReady技术的铺垫,我以为会很简单的实现这个图片自适应插件,可是过程中却在webkit内核的浏览器碰了一鼻子灰,后来才得知webkit有BUG未修复,我折腾许久后更新了imgReady函数。

  
打包下载地址

(责任编辑:admin)

推荐图片Related

相关文章Related

查看更多热门新闻


首页 | 特效插件 | 常用代码 | 样式素材 | 脚本代码 | css特效

Copyright © 2017-2018 汇盛国际 版权所有

系统要求:本站自适应各终端浏览器分辨率

请使用Google、Firefox、IE9、百度浏览器登录网站

网站地图 | RSS订阅 | 汇盛国际