js jquery 预载图片资源

Posted by admin on 六 6, 2011 in 杂 | 1 comment

网上找了一下，大多讲的很模糊，其实预载图片的原理就是建立DOM对象来承载图片，不管是应用在背景css里还是标签里，也不管是可见或者不可见的，最简单的方法

$("body").append("");

不过如果是要实现lightbox那样，在用户点击后才开始 关灯－－预载图片－－开灯－－显示图片，那就需要用到 load 事件：

MaskOn();//关灯

$("body").append("");//预载

$("#pre").load(function(){//完成后运行的callback

//do something

MaskOn();//开灯

});

这是小小的搜索后的小小心得