/** * 加载图片,直到加载完成后才调用回调函数 * @param url 后面读取图片流的url * @param callback 回调方法 */ function loadImage(url, callback) { var img = new Image(); img.src = url; var timer = setInterval(function() { if (img.complete) { callback(img); clearInterval(timer); } }, 50); }
// 测试
loadImage('http://www.jq22.com/demo/fancyapps-fancyBox/4_b.jpg',function(img){ $.fancybox(img); });
我这里用的是jquery的插件 fancybox(http://www.fancybox.net/),加载完图片资源后,传给fancybox,经常在项目中用到,所以封装起来。