javascript - 在 Owl Carousel 中显示上一张和下一张图片的一半

Question

我在我的应用程序中实现了 Owl Carousel 。我需要在主图像的模态库中显示上一张和下一张图像的一半。

当您单击页面的主要大图时，模态库将打开。我尝试设置 stagePadding 属性，但没有成功。

我可以在没有 stagePadding 属性的情况下实现同样的效果吗？我已经实现了缩略图和其他部分。您可以在此处查看已实现的功能。

https://www.realtor.com/realestateandhomes-detail/6836-Xana-Way_Carlsbad_CA_92009_M29922-47778

galleryId.owlCarousel({
           items: 1,
           loop: true,
           margin: 5,
           startPosition: 1,
           animateOut: 'fadeOut',
           navSpeed: 100,
           lazyLoad: true,
           dots: false,
           nav: true,
           stagePadding: 100,
});

Answer 1

我有同样的问题，我的问题用 center:false 解决了。

 $(".owl-carousel").owlCarousel({
            center:false,
            nav: true,
            dots: false,
            loop: true,
            autoHeight: true,
            autoWidth:false,
            stagePadding: 10,
            margin: 30
        });