如何禁用引导轮播动画？

Posted 2023-02-16

【中文标题】如何禁用引导轮播动画？

【英文标题】：How to disable bootstrap carousel animation?

【发布时间】：2013-09-16 14:25:55

【问题描述】：

例如，我有 3 张图片的轮播，当轮播滑动时，新图片会通过“滑动”事件添加

$('#imageCarousel').on('slid', function (event) 
      //add more images
);

我想禁用轮播的动画，因此在轮播 css 中将过渡时间设置为 0，如此处 removing carousel animation 所示。但在那之后'滑动'事件不会触发。我不能使用“幻灯片”事件，因为我需要知道轮播中哪个项目处于活动状态，但是在“幻灯片”事件之后没有设置“活动”类。我该如何解决？谢谢。

【参考方案1】：

我想你可以使用下面的代码，

只需从carousel div 中删除slide 类并使用like，

<div class="carousel"> 

这将删除幻灯片动画效果，请参阅工作fiddle，

【讨论】：

不，间隔是循环一个项目的时间间隔，我已经使用它了。我对在滑动期间删除动画很感兴趣 (.carousel('next'))

你的意思是，要停止下一个和上一个？

我的意思是下一个（上一个）图像应该在调用下一个（上一个）函数时立即显示，没有幻灯片动画

ok，得到了答案，只需删除“幻灯片”类，例如，而不是这个 使用 看小提琴@ 987654322@ 也许我没有得到任何东西，但 'slid' 事件在您的示例中仍然不起作用。