053288628280
您的当前位置:首页 > 技术支持 > 建站知识 >

网页图片分屏异步加载插件scrollLoading

时间:2017-08-14


以前使用lazyload插件 但反应更多消耗服务器资源 ,这个插件完美解决方案

下载插件


如何使用scrollLoading

1:头部加载库文件

1
<script type="text/javascript" class="lazy" data-original="/js/jquery.scrollLoading.js"></script>

 

2:<img>标签内属性加class="scrollLoading" ,data-url="真实地址",class="lazy" data-original="1px * 1px的gif透明图片",其它属性不变

1
<a href=""><img class="scrollLoading"  data-url=""  class="lazy" data-original="http://images.cnblogs.com/grey.gif"  alt="" ></a>

 

3:尾部需要异步加载

1
2
3
4
5
6
<script type="text/javascript" charset="utf-8">
 //异步加载
      $(function() {
            $(".scrollLoading").scrollLoading();   
        });
</script>

相关文章

Copyright © 2009-2017 千龙网络 版权所有  鲁ICP备09004053号 TAG SITEMAP