jquery.lazyload.js实现图片懒载入

寻技术 JS脚本 / JQuery 2024年01月12日 123
个人理解:将须要延迟载入的图片的src属性所有设置为一张同样尽可能小(目的是尽可能的少占宽带,节省流量,因为缓存机制,当浏览器载入了一张图片之后,同样的图片就会在缓存中拿。不会又一次到server上拿)的图片,然后将图片的实际地址写在alt属性里,当鼠标往下滑动的时候得到当前显示区域内的img的lz-src,动态的就将各自的lz-src属性的值赋值给src属性。这样就实现了图片延迟载入,减轻server端的压力,节省本地带宽,提升了訪问网页的速度
 
插件源代码地址: https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.js 
 

jQuery下载地址:http://jquery.com/ 


html页面代码:





关闭

用微信“扫一扫”