图片懒加载实现

先将img标签的src链接设为同一张图片(比如空白图片),然后给img标签设置自定义属性(比如 data-src),然后将真正的图片地址存储在data-src中,当JS监听到该图片元素进入可视窗口时,将自定义属性中的地址存储到src属性中。达到懒加载的效果。
这样做能防止页面一次性向服务器发送大量请求,导致服务器响应面,页面卡顿崩溃等。




    
    
    
    Document
    
    


    
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

你可能感兴趣的:(图片懒加载实现)