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

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
        }
    }
})