猫头鹰轮播懒惰加载移动设备的其他图像

Question

我正在使用猫头鹰传送带1.3.3，并且我想使用惰性加载方式为每张幻灯片加载2张图片-移动版为1张，台式机为1张。

对于要延迟加载的图像，您必须加载 lazyOwl 类，并将源图像的src更改为 data-src 。我的配置文件：

var homePageSlides = $("#homePageSlides");
homePageSlides.owlCarousel({
    lazyLoad: true,
    navigation : false,
    slideSpeed : 1200,
    paginationSpeed : 1200,
    singleItem:true,
    autoPlay:3500,
    stopOnHover:true,
});
$(".owl-next-main-slide").click(function () {
    homePageSlides.trigger('owl.next');
});
$(".owl-prev-main-slide").click(function () {
    homePageSlides.trigger('owl.prev');
});

这是代码（https://plnkr.co/edit/mzozFIT1fR9jvqbFI8QB）中的代码

我已经尝试过此线程（Owl carousel show a different image on mobile）的答案

<div class="item">
   <picture>
      <source class="lazyOwl" srcset="http://placehold.it/350x150" media="(max-width: 640px)">
      <img class="lazyOwl" srcset="http://placehold.it/1080x400">
   </picture>
</div>

但是它不起作用。

对于单一图像（桌面）而言，延迟加载工作正常，但是我如何在猫头鹰轮播中延迟加载2个不同的图像？