君语贤
时光静好,与君语;细水流年,与君同;繁华落尽,与君老...

前端设计>jQuery>正文

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

2019-01-24 12:01 君语贤图片懒加载改造方案

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

2、图片加载改造处理

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

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

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

猜你喜欢