图片加载lazyload灰色背景

最新推荐文章于 2021-09-27 15:04:55 发布

原创最新推荐文章于 2021-09-27 15:04:55 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了图片懒加载的实现原理，重点介绍了使用灰色背景作为占位符来提升用户体验的方法。通过延迟加载非首屏图片，减少初始页面加载时间，优化网页性能。同时，讲解了如何优雅地过渡到实际图片，保持页面视觉一致性。

 
 <script type="text/javascript" charset="utf-8">
   $(function() {
       $("img.lazy").lazyload({effect: "fadeIn"});
   });
 </script>改为placeholder : 
 "img/grey.gif"
 , 
 //用图片提前占位

 
 用图片占位 $(
 "img"
 ).lazyload({ effect: 
 "fadeIn"
 , placeholder:
 "http://x/ff.gif" 
 })<script type="text/javascript" charset="utf-8">
   $(function() {
       $("img").lazyload({ effect: "fadeIn", placeholder:"img/aa.jpg" })
   });
 </script>