如何在桌面视图中同时使用引导程序幻灯片图像在移动视图中如何停止？

Question

在我的轮播幻灯片中，有4张图片幻灯片。但我不希望在移动视图中使用轮播，而只希望在移动视图中使用单个图像。

css更改

.carousel-inner .item.active {visibility:hidden;}

Answer 1

您可以使用OwlCarousel2的responsive option

例如：

$('.owl-carousel').owlCarousel({
    loop: true,
    responsive:{
        0:{
            touchDrag: false, // turn off for mobile
            nav: false
        },
        // breakpoint from 480 up
        480:{
            touchDrag: true, // turn on for 480 up devices
            nav: true
        }
    }
})