首页图片加载，计算图片加载百分比。。。陈-朱-兴 。例如：万圣节h5、双十一h5

封装函数：

function loadImg(imgObj, index, complete, loadCallback){
    var img = new Image(),
        len = imgObj.length,
        url = imgObj.eq(index).data('url');
     
    if (index != len) {
        if(url){
            img.src = url;
        }
    } else {
        if(loadCallback) {
            loadCallback();
        }
        return;
    }

    if (img.complete) {
        imgObj.eq(index).attr('src', url);
        index ++
        if (complete) {
            complete(index);
        }
        loadImg(imgObj, index, complete, loadCallback);
    } else {
        img.onload = function () {
            imgObj.eq(index).attr('src', url);
            index ++
            if (complete) {
                complete(index);
            }
            loadImg(imgObj, index, complete, loadCallback);
            img.onload = null;
        };
    };
}

使用方法一：

loadImg($ele, 0,function(index){
     var $speed = $('#js_speed');
     $speed.html(Math.floor(((len - (len - index)) / len) * 100) + '%');
},loadCallback);

使用方法二：

loadImg($ele, 0);