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

首页>前端设计>jQuery>正文

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

2019-01-24 标签:图片懒加载改造方案

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

2、图片加载改造处理

默认加载图片设置:https://blogweguiding.oss-cn-qingdao.aliyuncs.com/static/images/lazyload.gif

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

JS放置网页代码末端:

<script src="https://blogweguiding.oss-cn-qingdao.aliyuncs.com/static/js/lazyload.min.js"></script>

<script type="text/javascript">

$(function () {

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

})

</script>

3、图片样式改造:

<img class="lazy" src="https://blogweguiding.oss-cn-qingdao.aliyuncs.com/static/images/lazyload.gif" data-original="[field:picname/]" alt="[field:title /]" >

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

图文推荐
热门标签
实例语法引用改造方案懒加载图片选择器jQuery