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

前端设计>jQuery>正文

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

君语贤 2018-12-26 09:04 图片懒加载

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://blog.weguiding.com/jquery/452.html

猜你喜欢

图文推荐
热门标签
jQuery语法实例