JQuery 图片载入

Question

$("#image1").css({background:img,"width":"500px","height":"230px"}).fadeIn("slow");
打开页面会有一个载入图片的过程
如果网速面的话 无法看到.fadeIn的效果
请问该如何解决?在打开页面后先进行#image1图片的载入 loading... 的效果,在显示图片.fadeInloading... 效果如何实现?

Answer 1

window.onload=function(){
//load image code
}

Answer 2

window.onload=function(){ 
$("#image1").css({background:img,"width":"500px","height":"230px"}).fadeIn("slow");
}

Answer 3

var s=new Image()
var img='http://avatar.profile.csdn.net/4/F/5/2_hehuan1213.jpg';s.onload=function(){
 {加载动画结束}
$("#image1").css({background:img,"width":"500px","height":"230px"}).fadeIn("slow"); 
}
s.onerror=function(){{加载动画结束}}{...加载动画开始}s.src=img;