【问题标题】: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 所示。但在那之后'滑动'事件不会触发。我不能使用“幻灯片”事件,因为我需要知道轮播中哪个项目处于活动状态,但是在“幻灯片”事件之后没有设置“活动”类。我该如何解决?谢谢。

【问题讨论】:

    标签: javascript twitter-bootstrap carousel


    【解决方案1】:

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

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

    <div class="carousel"> 
    

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

    【讨论】:

    • 不,间隔是循环一个项目的时间间隔,我已经使用它了。我对在滑动期间删除动画很感兴趣 (.carousel('next'))
    • 你的意思是,要停止下一个和上一个?
    • 我的意思是下一个(上一个)图像应该在调用下一个(上一个)函数时立即显示,没有幻灯片动画
    • ok,得到了答案,只需删除“幻灯片”类,例如,而不是这个
    • 也许我没有得到任何东西,但 'slid' 事件在您的示例中仍然不起作用。
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签