jquery - 如何在 owl carousel 2 中禁用滑动效果？

Question

我需要禁用owl carousel 2上的滑动效果并仅添加淡入淡出效果。这怎么可能 ？

我已经尝试过这段代码，但一点运气都没有。

animateOut: 'fadeIn',
animateIn: 'fadeout',
nav:true, 

谢谢

Answer 1

mouseDrag: false,
touchDrag: false

Answer 2

你需要添加一些 CSS 看这里

fadeOut 值是唯一内置的 CSS 动画样式。但是，您可以在 Owl 中使用大量额外的 CSS 动画。只需下载animate.css库，您就可以使用新的精美过渡来扩展 Owl。

因此，如果您只想添加淡入淡出效果，则需要添加一些像这样的 css。

.animated {
    visibility:hidden;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
}

.owl-item.animated {
    visibility: visible;
}