Lazyload遇到tab选项卡 必须滚动屏幕才能显示图片的解决方法

可尝试将:

<script type="text/javascript">
  $(function() {
      $("img").lazyload();
  });
</script>

替换为:

<script type="text/javascript">
$("img").lazyload({
    skip_invisible : false,
     effect:"fadeIn"
});
</script>

也可替换为:

<script type="text/javascript">
 $(function() {          
     $("img").lazyload({
         event : "sporty"
     });
 });
 $(window).bind("load", function() {
     var timeout = setTimeout(function() { $("img").trigger("sporty") }, 5000);
 });
</script>

实际页面加载完成 5 秒后自动加载图片

标签:屏幕, 图片, lazyload, 延迟加载, tab, 选项卡

添加新评论