24小时热线电话: 赣州网站建设,赣州网络公司,赣州做网站,赣州网站建设价格,赣州网页制作,赣州建网站公司,赣州微信二维码平台,赣州微信公众号,赣州百度公司,赣州百度推广,赣州百度优化,赣州朝扬网络,朝扬网络

热线:0797-8296060

QQ咨 询入口 稍后再说 立 即咨询
  • 0797-8296060
  • 扫一扫 公众号
您当前所在位置 : 首页   »  新闻动态  »  建站常识

建站常识

朝扬解读前沿 资讯,分享互联网时代精英智慧

使用JQ实现图片延迟加载功能丨赣州网站建设

发布时间:2018-02-05 作者: 来源: http://www.jx25.com/ 浏览:

    在你的网页</head>上添加一下代码:  

 

   <SCRIPT type=text/javascript  src="                                            

   {dede:global.cfg_templets_skin/}/js/jquery.lazyload.js"></SCRIPT>


   <script type="text/javascript">

   jQuery(document).ready( 

      $(function() {

           $("img").lazyload({placeholder : "  

   {dede:global.cfg_templets_skin/}/grey.gif",effect : "fadeIn",threshold : 200 });

      });

    });

   </script>




Lazy Load 这个 jQuery 插件,是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话,下载图片就需要很多时间。而这款插件,会检测你的滚动情况,只有你要看到那个图片的时候,它才会从后台请求下载图片,然后显示出来。使用这个插件,可以在需要显示图片的时候,才下载图片,所以可以减少服务器的压力,避免不必要的资源下载。


Lazy Load原理:

把img的src里的值,存放到自定义的original属性里,当图片滚动到浏览器可视区域内时,再把original里的值赋回到src里,实现分屏加载。


赣州网站建设|赣州网络公司|赣州做网站|赣州网站建设价格|赣州网页制作|赣州建网站公司|赣州微信二维码平台|赣州微信公众号|赣州百度公|赣州百度推广|赣州百度优化|赣州朝扬网络|朝扬网络

赣州朝扬网络科技有限公司

赣州朝扬一部:赣州市章贡区富升大厦1604室    赣州朝扬二部:赣州市安虔路22号A栋(203)

备案号:赣ICP备15004771号-1