/* 分屏加载图片 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") })
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步