网站图片懒加载改造方案2

1、js及JQ库的引用，核心js:https://file.weguiding.com/static/js/lazyload.min.js【此处为本站引用JS，不建议直接引用本站的，已做防盗链处理】

2、图片加载改造处理

默认加载图片设置：https://file.weguiding.com/static/images/lazyload.gif

JS放置网页代码末端：

<script src="https://file.weguiding.com/static/js/lazyload.min.js"></script>

<script type="text/javascript">

$(function () {

$(".lazy").lazyload();

})

</script>

3、图片样式改造：

<img class="lazy" src="https://file.weguiding.com/static/images/lazyload.gif" data-original="[field:picname/]" alt="[field:title /]" >

本站非内容页已做改造处理，可参考处理。另外一种方案科查看：《网站图片懒加载改造及织梦相关配置调整》

本文链接：https://www.weguiding.com/jquery/189.html