基于jquery的图片懒加载js
function lazyload(option){ var settings={ defObj:null, defHeight:0 }; settings=$.extend(settings,option||{}); var defHeight=settings.defHeight,defObj=(typeof settings.defObj=="object")?settings.defObj.find("img"):$(settings.defObj).find("img"); var pageTop=function(){ return document.documentElement.clientHeight+Math.max(document.documentElement.scrollTop,document.body.scrollTop)-settings.defHeight; }; var imgLoad=function(){ defObj.each(function(){ if ($(this).offset().top<=pageTop()){ var src2=$(this).attr("src2"); if (src2){ $(this).attr("src",src2).removeAttr("src2"); } } }); }; imgLoad(); // 绑定滚动事件 $(window).bind("scroll",function(){ imgLoad(); }); } lazyload({ defObj:"#plist" })
文中如有错误及不当之处,欢迎及时指出;如果觉得文章对你有帮助,请点下面的推荐,谢谢~
ps:自己新建一技术交流qq群,85530789,欢迎大家加入
长期接开发私单,欢迎联系
ps:自己新建一技术交流qq群,85530789,欢迎大家加入
长期接开发私单,欢迎联系