龙空技术网

Jquery 实现图片懒加载

搬砖人007 729

前言:

此时各位老铁们对“jquery实现图片懒加载”大概比较重视,我们都想要知道一些“jquery实现图片懒加载”的相关文章。那么小编在网络上网罗了一些关于“jquery实现图片懒加载””的相关文章,希望小伙伴们能喜欢,朋友们一起来了解一下吧!

1、引入js包

<script src="jquery-1.11.0.min.js"></script>

<script src="jquery.lazyload.js?v=1.9.1"></script>

2、添加代码:

<script type="text/javascript" charset="utf-8">

$(function() {

$("img.lazy").lazyload({effect: "fadeIn"});

});

</script>

3、修改img的class和data-original属性值

<img class="lazy" data-original="123.jpg" width="100" height="100" alt="title">

标签: #jquery实现图片懒加载 #jqueryloading特效