如何在延迟布局的第一次加载时显示第三张图像

Question

我正在使用滑块https://github.com/OwlCarousel2/OwlCarousel2上的惰性布局

  $(document).ready(function() {       
    $("#owl-demo").owlCarousel({
      items : 2,
      lazyLoad : true,
      navigation : true
    });      
  });

我的大问题是如何在视口上显示3个图像，而滑块上仍显示2个项目，在我的示例图像上，滑块显示2个项目带有满载图像，而第3个图像显示默认/占位符图像。

谢谢，我希望找到解决方法。

Answer 1

您可以将选项lazyLoadEager添加到设置对象，其中的值表示将预加载右侧（循环为true时，左侧和左侧）的项目数。

    $(document).ready(function() {    
        $("#owl-demo").owlCarousel({
        items : 2,
        lazyLoad : true,
        lazyLoadEager:3,
        navigation : true
      });    
    });

有关延迟加载的更多信息，请参见here。