加载图片的问题

Question

使用prototype1.6，下面代码var img = new Element('img');
img.src = url;var imgWidth = img.getWidth();有时候imgWidth会等于0，但是图片正常显示
如果用了new Image，结果也一样请问怎么能够保证img加载完了再取得他的宽度，高度？

Answer 1

var img = new Element('img');
img.onload=function(){
 alert(img.getWidth())
}
img.src = url;

Answer 2

下面是绑定事件的兼容性写法
var addEvent = function( obj, type, fn ) { 
if (obj.addEventListener) 
obj.addEventListener( type, fn, false ); 
else if (obj.attachEvent) { 
obj["e"+type+fn] = fn; 
obj.attachEvent( "on"+type, function() { 
obj["e"+type+fn](); 
} ); 
} 
}; 
使用时用   addEvent(img,"onload",函数名)"即可