js加载好图片后，执行回调方法

/**
 * 加载图片，直到加载完成后才调用回调函数
 * @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，经常在项目中用到，所以封装起来。