首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

动态加载图片,加载顺利后显示图片

2012-10-09 
动态加载图片,加载成功后显示图片!var img new Image()img.srchttp://www.itztc.com/kuaixun/A/A4s.j

动态加载图片,加载成功后显示图片!
var img = new Image();
img.src="http://www.itztc.com/kuaixun/A/A4s.jpg";
//$("#bodyBox").html("<img src='"+img.src+"'/>");
$("<img/>").load(function(i){
      $("#bodyBox").html("<img src='"+img.src+"'/>");
}).attr('src',img.src);
首先执行这一行:
attr('src',img.src);然后在执行这一行显示图片:
$("#bodyBox").html("<img src='"+img.src+"'/>");前期可以先做一个加载的图片放到img上,等加载完成在显示新加载的图片!

热点排行