很多做网页的童鞋们,经常会遇到网页图片过多,预览时图片加载慢的问题,做一个懒加载,就可以解决这个问题了,下面介绍一下:图片懒加载怎么实现。
工具/原料
1
程序代码
2
需要编辑的网页
方法/步骤
1
首先编写判断图片是否出现在视野当中,如果出现就加载传入图片。
2
接下来就是判断是否在滑轮将要滑到的范围和浏览器高度内,如果在这范围内就加载传入图片。
3
最主要的是把程序语言当中的图片标签的src属性全部使用data-xx代替,这样就可以图片属性被代替。
4
然后当鼠标滑动到图片即将出现在可视区域时,将即将出现的图片的data-xx的属性值赋给src,然后就是加载图片的程序。
5
最后的时候要用js代码代入这个函数,这样就可以实现网页图片的懒加载了
注意事项
注意休息,劳逸结合
上一篇:如何制作聪明的小猪卡片
下一篇:鸡枞菇炒春笋