码迷,mamicode.com
首页 > Web开发 > 详细

jQuery顺序加载图片(终版)

时间:2014-05-05 10:18:16      阅读:344      评论:0      收藏:0      [点我收藏+]

标签:blog   class   code   java   javascript   string   

这一篇是对上一篇(jQuery顺序加载图片(初版)--http://www.cnblogs.com/newbie-cc/p/3707504.html)的改进.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function loadImage(imgList,callback){
        if(!$.isArray(imgList) || !$.isFunction(callback)) return ;
        var imageData = [] ;
        $.each(imgList, function(i,src){
            var img = new Image() ;
            img.onload = function(){
                $(imageData.shift()).appendTo("body") ;
                if(!imageData.length){
                    callback() ;
                    return ;
                }
                this.onload = null ;
            } ;
            img.src= src ;
            imageData.push(img) ;
        }) ;
    } ;

 

jQuery顺序加载图片(终版),布布扣,bubuko.com

jQuery顺序加载图片(终版)

标签:blog   class   code   java   javascript   string   

原文地址:http://www.cnblogs.com/newbie-cc/p/3707827.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!