function AutoResizeImage(maxWidth,maxHeight,objImg){
var img = new Image();
//img.src = objImg.src;//如果放在onload前面则IE会先去读取图片缓存
img.onload=function(){
var hRatio;
var wRatio;
var Ratio = 1;
var w = img.width;
var h = img.height;
wRatio = maxWidth / w;
hRatio = maxHeight / h;
if (maxWidth ==0 && maxHeight==0){
Ratio = 1;
}else if (maxWidth==0){//
if (hRatio<1) Ratio = hRatio;
}else if (maxHeight==0){
if (wRatio<1) Ratio = wRatio;
}else if (wRatio<1 || hRatio<1){
Ratio = (wRatio<=hRatio?wRatio:hRatio);
}
if (Ratio<1){
w = w * Ratio;
h = h * Ratio;
}
objImg.height = h;
objImg.width = w;
objImg.style.marginLeft = (nextWidth-objImg.width)/2+'px';
//objImg.style.marginTop = (nextHeight-objImg.height)/2+'px';
}
img.src = objImg.src;//放置在onload方法声明之后
}
我把onload写到前面去,先告诉浏览器如何处理这张图片,再指定这张图片的源,这样就正常了。所以,不是IE没有触发onload事件,而是因为加载缓冲区的速度太快,以至于没有运行到img.onload的时候,onload事件已经触发了。这让我想到了Ajax,我们在写xmlhttp的时候,都是先指定onstatechange的回调函数,然后再send数据的,道理是一样的。由此也总结出了个规律,IE下面从缓存里加载出啦的图片是不执行onload事件的
分享到:
相关推荐
注:以下内容基于IE中GIF的onload事件的基础上,故所有测试IE only 需要用到的几个图片 先看一个简单的事实: 代码如下:[removed] var img=new Image(); img.src=”attachment/1178365293_0.gif”; img.onload=...
<!... 便民设施系统 ; charset=gbk"/> <link rel="stylesheet" type="text/css" href="style.css"> ... key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ- ... function DragZoomControl(opts_boxStyle, ...
IE 5或更高版本 Mozilla Firefox 1.5.0.3或更高版本 服务器采用IIS5.1 或以上版本 数据库使用MS Access 2000以上 2.本书所附光盘实例代码: 第1章(\第1章) 查看1.2.htm中noscript显示效果的方法如下: 1.将...
• 1.1.htm 多段代码相互调用 • 1.2.htm [removed]与 • 1.3.htm 调用外部JavaScript文件 • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章(\第2章) • 2.1.htm Infinity应用 ...
一般获取图片高度宽度的写法: ...在做web开发,其中有一个需求:利用Javascript获取要加载的图片的尺寸,所以很自然的,想到了img的onload方法,在firefox下开发完成后,到IE下调试,发现img的onlo
所有这些事件都可以在一个SWFUpload实体中被调用,这意味着在这些事件对应的函数中,你可以用 this 关键字来代替引用SWFUpload实体。 + fileDialogComplete (number of files selected) - 触发条件 1. 用户...
-修正此函数通过PageContext.RegisterStartupScript调用时不能正确显示Icon的BUG(feedback:zhaowenke)。 -修正basic/hello.aspx示例在单独浏览器打开后,不能弹出对话框的BUG。 -隐藏示例首页最外层RegionPanel...
原理: 先定义一个图片的数组,然后通过image的onload事件来计算,注意,onload在ie和火狐有所不同。 最后需要一个进度条与之结合即可。 这个脚本在做游戏的地方用得比较多。 演示: 代码如下: <!DOCTYPE ...
-修正此函数通过PageContext.RegisterStartupScript调用时不能正确显示Icon的BUG(feedback:zhaowenke)。 -修正basic/hello.aspx示例在单独浏览器打开后,不能弹出对话框的BUG。 -隐藏示例首页最外层RegionPanel...
在本例中,onload事件用于调用MyImage函数,实现图片等比缩略显示。 知识点6:JavaScript函数的编写 MyImage函数是一个JavaScript函数,用于实现图片等比缩略显示。该函数首先获取图片的宽高比,然后通过判断宽高...
candidate 应该知道如何使用 new Image 对象和 onload 事件来加载图片,如何使用按需加载的方式来优化图片加载。 七、Servlet 生命周期 面试官问到了 Servlet 生命周期。 candidate 应该知道 Servlet 生命周期的...