广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    jQuery图片预加载(延迟加载)插件Lazy Load

    2018-04-16 10:56:26 次阅读 稿源:互联网
    广告

    Lazy Load也叫惰性加载,延迟加载,顾名思义,就是在图片未到达可视区域时,不加载图片,我们常常在很多的优秀网站上看到类似的例子,例如迅雷、土豆、优酷等,由于一个网页的图片非常多,一次性加载增加服务器压力,而且用户未必会拉到底部,浪费用户流量,Lazy Load采用按需加载,更快的加载速度从而达到优化网页的目的。jQuery,并在html代码的底部包含进来

    <img class="lazy" data-original="img/example.jpg" width="640" height="480">CSS中定义,否则可能会影响到图片的显示。
    $("img.lazy").lazyload({    effect :"fadeIn"});javascript的浏览器则要加上noscript内容:
    #container {    height:600px;    overflow: scroll;}															

    一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。

    广告