How to attach “slide” & “slid” events to the Bootstrap toolkit's carousel?

Question

Here\'s a fiddle with a working Bootstrap carousel. http://jsfiddle.net/jeykeu/5TDff/

And here\'s the official documentation which tells nothing about event usage. h

Answer 1

Based on your fiddle #carousel is wrong. It should be #myCarousel.

Updated Example:

$('#myCarousel').carousel({
    interval: 2000
});

// Could be slid or slide (slide happens before animation, slid happens after)
$('#myCarousel').on('slid', function() {
    alert("Slide Event");
});​

http://jsfiddle.net/infiniteloops/wPF3n/

With Bootstrap 3

http://jsfiddle.net/infiniteloops/wPF3n/252/