首页 > 其他 > 详细

背景图片lazyload

时间:2015-10-15 18:32:32      阅读:231      评论:0      收藏:0      [点我收藏+]

 

    // 背景lazyload
    var $willBgItems= $("[data-lazy-bg]");
    if ($willBgItems.length>0){
        var topArray=[];
        var $willDistance = $(window).height()*1.8;
        $willBgItems.each(function(i,element){
            topArray[i]=$(element).offset().top
        });
        function updateImage(){
            $willBgItems.each(function(i,element){
                if ($(element).data("lazy-bg").length>0 && $(element).data("lazy-bg")!=element.style.backgroundImage.replace(/"|‘/g,"").replace(/url\(|\)$/ig, "")){
                    if (topArray[i]<$(window).scrollTop()+$willDistance){
                        $(element).css({
                            "background-image":‘url(‘+$(element).data("lazy-bg")+‘)‘
                        })
                    }
                }
            });
        }
        updateImage();
        $(window).bind("scroll", function (event) {
            updateImage();
        })
    }

 

背景图片lazyload

原文:http://www.cnblogs.com/anyaran/p/4882970.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!