title: How to show third image on lazy layout first load
body: <p>I'm using Lazy layout on slider <a href="https://github.com/OwlCarousel2/OwlCarousel2" rel="nofollow noreferrer">https://github.com/OwlCarousel2/OwlCarousel2</a></p>
  
  <h2>  <a href="https://i.stack.imgur.com/zwEz3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zwEz3.png" alt="enter image description here"></a></h2>
  
  <pre><code>  $(document).ready(function() {       
      $("#owl-demo").owlCarousel({
        items : 2,
        lazyLoad : true,
        navigation : true
      });      
    });
  </code></pre>
  
  <p>My big question is how to show 3 images on viewport that still 2 items on the slider, on my example image that slider show 2 items with full load image and third image with default/placeholder image.</p>
  
  <p>Thanks in advance, I hope to find the solution.</p>