在web开发中我们有时需要通过js去预加载图片,按照平常的写法:
var img=new Image();
img.src="xxxx图片路径";
然后alert(img.height);
这种写法在chrome上就不适用了,在chrome中弹出0.
为了修正这种异常可以采用下面的写法
function loadImage(url) {
var img = new Image();
img.src = url;
if (img.complete) {
alert(img.width);
return;
}
img.onload = function () {
callback.call(img);
alert(this.height);
};
};
这种写法就可以解决这个这一问题了。
jquery写法
$("img").load(function(){
if (this.complete||this.readyState=="complete") {
$(this).css({"margin-left":(120-this.width)/2,"margin-top":(80-this.height)/2});
return;
}
})
分享到:
相关推荐
js禁止查看源文件屏蔽Ctrl+u_s、F12、右键等兼容IE火狐chrome.zip
CSS Hack兼容大全,令网页能正常显示在IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari等浏览器上
将此JS文件包含在网页中,可实现3个浏览器中部分函数功能兼容!
FireFox chrome IE opera 等浏览器加载背景音乐 解决了兼容性问题
IE6、IE7、IE8、Firefox、Chrome、Safari的CSS hack兼容一览表
因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那...iframe自适应高度,亲测完美兼容IE6_7_8_9,Chrome谷歌浏览器,Opera欧朋浏览器,FireFox火狐浏览器,Mac Safari浏览器等五大浏览器
超好用的js操作Excel实现数据导入导出JS包。只需引入JS包即可完成功能开发。压缩包中有Demo,参照编写即可。
纯css-loading兼容Safari ,Chrome,Mozilla Firefox,opera,ie10+
利用clipboard.js,复制文本或者隐藏域到剪切板,没有flash限制,兼容ie.chrome.firefox
Javascript中如何处理浏览器兼容问题
event兼容调用(IE,Firefox,Chrome)
解决在IE8、火狐等浏览器图片滚动时停止的方法。支持所有浏览器的图片不间断滚动效果
基于jQuery+CSS3 手风琴图片折叠滑开代码(支持ie9 chrome safari firefox opera).zip
仿优酷土豆支持IE firefox chrome的flv播放器
兼容IE firefox收藏设为主页兼容IE firefox收藏设为主页
eWebEditor V7.0 版发布,新增支持FireFox(火狐)、Chrome(谷歌)浏览器。新增超级多文件分块上传、G级大文件上传解决方案。内核全部重写。完美对话框界面。增强的多插件媒体插入支持、选项卡、代码格式化、保护模式、...
JS日期选择器(兼容IE,FireFox,Oprea,chrome等主流浏览器)
解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题
日历,控件,兼容,ie6,7,8,firefox,safari