title: Owl Carousel 2 with lazyload option
body: <p>I'm using <a href="http://www.owlcarousel.owlgraphic.com/index.html" rel="nofollow">Owl Carousel 2</a> in a project and it's working great.</p>
  
  <p>I want to lazyload the images in each item. Thankfully, Owl Carousel 2 has a built in option for that. However, there is no option to lazyload the images in the next one or two items (which are not yet in the viewport) preemptively.</p>
  
  <p>Has anyone elso come across this issue or are there any solutions to be offered?</p>
  
  <p>For example, in <a href="http://www.owlcarousel.owlgraphic.com/demos/lazyLoad.html" rel="nofollow">this demo</a>, four slides are in view. But I would like images in slide 5 and 6 to be loaded pre-emptively. And when you scroll through the carousel, whichever slides are the next two to be shown but not yet visible should also start loading before they become visible. </p>