做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JQuery延迟加载插件lazyload.js
来源:易助科技网浏览量:5收藏

简介

lazyload.js用于长页面图片的延迟加载,视口外的图片会在窗口滚动到它的位置时再进行加载,这是与预加载相反的。它可以提高页面加载速度,在某些情况清晰它也可以帮助减少服务器负载。


使用

1.  引入 jquery..js 和 lazyload.js 文件


2.  HTML

<img class="lazy" data-original="img/example.jpg" style="margin-top:1000px" height="200">


3.  调用

<script>
$(function(){
$("img.lazy").lazyload();
})
</script>


相关链接

中文网站 :https://www.lazyloadjs.cn/