图片分屏加载

图片分屏加载

 /*
 分屏加载图片
 param:attr：存储图片src的属性
初始化 _that.loadImage("trueSrc")
*/
 , loadImage: function (attr) {
     var scrollTop = $(window).scrollTop(),
         wHeight = $(window).height();
     $("img[" + attr + "]").each(function (ele, index) {
         var _that = $(this),
             trueSrc = _that.attr(attr);
         if (trueSrc && _that.offset().top <= scrollTop + wHeight) {
             _that.attr("src", trueSrc).removeAttr(attr);
         }
     });
 }

调用：

$(".tab-panel-item").scroll(function () {
    mainfun.loadImage("data-src")
})
或
$(window).scroll(function () {
    mainfun.loadImage("data-src")
})

 

posted on 2017-11-16 14:31  麦田里的包米 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/guanguan-/p/7844214.html