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

jQuery判断背景图片全部加载完成。。

时间:2015-01-30 17:19:04      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:

/*var path="http://static.fzbm.com/bmcj/zmjstatic/images/";
        var arr=[
                //path+‘img_01.png‘,
                "http://static.fzbm.com/bmcj/zmjpc/images/header_bag.jpg",
                path+‘img_02.png‘,
                path+‘img_03.png‘,
                path+‘img_04.png‘,
                path+‘img_05.png‘,
                path+‘img_06.png‘,
                path+‘img_07.jpg‘,
                path+‘img_08.jpg‘,
                path+‘img_09.png‘
            ];*/
        //存放图片
        var f={};
        //存放成功加载图片数量
        var ImgArr=[];
            $(".Imgbg").each(function(i){
                    var _this=$(this);
                    $(this).attr("data-cover",arr[i]);
                    f[i]=new Image();
                    f[i].src=$(this).data("cover");
                    $(f[i]).load(function(){
                            _this.css({
                                    "background-image":"url("+_this.data(‘cover‘)+")"
                                })
                                ImgArr.push(f[i]);
                                hasEnd()
                        }) 
                });
            function hasEnd(){
                    if(ImgArr.length===$(".Imgbg").length){
                //当图片都加载完成后执行的方法 init(); } }

 

jQuery判断背景图片全部加载完成。。

标签:

原文地址:http://www.cnblogs.com/mmdrs/p/4262584.html

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