怎么实现图片了懒加载?思路
加载占位图:在页面中的图片标签()的src属性中设置一个占位图,可以十一章小图或者是一段base64编码的图片。获取图片信息:遍历页面上的所有图片标签,获取每个标签的位置、大小以及真实图片的URL。监听滚动事件:监听页面的滚动事件,在滚动是触发懒加载函数。判断可见性:在懒加载函数中,判断图片是否进入了可见区域。可以通过比较图片的位置与当前可视窗口的位置来判断是否进入可见区域。替换图片源:当图片机内可见区域的时候,将图片标签的src属性替换成为真实的图片的URL。这样浏览器会开始加载图片资源。
复制链接