在猫头鹰旋转木马中显示一半的上一张和下一张图片

Question

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

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

我可以在没有stagePadding属性的情况下实现相同的目标。 我已经实现了缩略图和其他部分。您可以在此处查看已实施的功能。

{{3}}

beforeEach(async(() => {
   TestBed.configureCompiler({ preserveWhitespaces: false } as any)
     .configureTestingModule({
       declarations: [
         AppComponent
       ],
     }).compileComponents();
}));

Answer 1

我遇到了同样的问题，而我的问题通过center：false解决了。

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