How to disable bootstrap carousel animation?

javascript twitter-bootstrap carousel
IgorCh picture IgorCh · Sep 12, 2013 · Viewed 22k times · Source

For example I have carousel with 3 images, when the carousel slides the new images are added via 'slid' event

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

I want to disable animation for the carousel, so transition time is set to 0 in carousel css as it was shown here removing carousel animation. But after that 'slid' event does not fire. I cannot use 'slide' event, because I need to know which item is active in the carousel, but the 'active' class is not set up after the 'slide' event. How can I solve it? Thanks.

Answer

Able Alias picture Able Alias · Sep 12, 2013

I suppose you can use the following code,

just remove the slide class from carousel div and use like,

<div class="carousel">

this will remove the slide animation effect, see the working fiddle,

Related questions

Bootstrap Carousel image doesn't align properly

Please take a look at the following image, we are using bootstrap carousel to rotate the images. However, when the window width is large, the image doesn't align with the border properly. But the carousel example provided by bootstrap always …

Read More
How can I make the Bootstrap js carousel automatically cycle as soon as the page loads?

Using bootstrap.js version 2.02 I'm trying to get the Twitter Bootstrap Carousel to automatically cycle as soon as someone visits my site. Right now, the auto cycling works only after you click one of the cycle buttons at least once. …

Read More
Twitter Bootstrap Carousel autoplay on load

Using the twitter bootstrap framework, how is it possible to invoke the carousel to 'auto slide.' Meaning when the page loads, the carousel automatically scrolls. I have tried a javascript onLoad click function for the <a> of …

Read More