js图片延迟技术一般的思路与示例

图片延迟技术一般的思路 1.现将img元素对应的src路径设置为背景图片,而该img所对应的url路径存放在一个自设的属性中(以便进行src替换)。 2.获取卷轴的高度和窗口的高度 3循环需要延迟加载的img数组,获取img的高度,判断该元素是否在可视窗口内。若该元素在可视窗口内,则进行src替换 一下为测试代码 html 代码如下: <style> .wrap { margin: 20px auto; width: 150px; } .wrap div { border: 1px dotted #E29808; height: 30px; line-height: 30px;