Javascript 猫头鹰旋转木马淡出不使用引导4

我有一个猫头鹰转盘滑块，我需要淡入淡出效果。根据owl carousel文档，需要添加动画css库。所以我把它添加到了我的网站上。但它根本不起作用。似乎每一张幻灯片后面都堆满了

这里是我的滑块选项

$('.home-slider-2').owlCarousel({
    animateOut: 'slideOutDown',
    animateIn: 'flipInX',
    items:1,
    margin:30,
    stagePadding:30,
    smartSpeed:450
});

所以我试着这样做

• 删除bootstrap4jqueryslim并添加完整版本
• 将smartSpeed:450调整到更高

还是没什么运气。这是我的

---

有什么帮助吗？

要使用Anime.css，您需要将以下类添加到元素“animate\u animated animate\uuuuuu（您的动画名称在这里）”

试试这样的

animateOut: 'animate__animated animate__slideOutDown',
animateIn: 'animate__animated animate__flipInX',

---

要使用Anime.css，您需要将以下类添加到元素“animate\u animated animate\uuuuu（您的动画名称在这里）”

试试这样的

animateOut: 'animate__animated animate__slideOutDown',
animateIn: 'animate__animated animate__flipInX',

---

这里的问题是

owlcarousel

使用

animate.css

的

3.x

版本。在最新版本的

animate.css（4.x）

中，我们需要将

animate\uuu animated

类添加到该元素中，我们希望设置动画，而在版本

3.x

中，我们需要将

animated

类添加到该元素中

owlcarousel

用于自动添加

animated

类，您只需指定所需的动画即可

现在，有两种方法可以做到这一点：

将链接标记更改为：

<link rel="stylesheet" 
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"/>

在Codepen上检查它的操作：

---

注意

animate.css

文件应位于

Owl carousel

文件上方

---

你应该使用更好的库来这样做，因为即使是

是的，所以这几乎是死的，帮你自己一个忙，换成

---

这里的问题是

owlcarousel

使用

animate.css

的

3.x

版本。在最新版本的

animate.css（4.x）

中，我们需要将

animate\uuu animated

类添加到该元素中，我们希望设置动画，而在版本

3.x

中，我们需要将

animated

类添加到该元素中

owlcarousel

用于自动添加

animated

类，您只需指定所需的动画即可

现在，有两种方法可以做到这一点：

将链接标记更改为：

<link rel="stylesheet" 
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"/>

在Codepen上检查它的操作：

---

注意

animate.css

文件应位于

Owl carousel

文件上方

---

你应该使用更好的库来这样做，因为即使是

是的，所以这几乎是死的，帮你自己一个忙，换成