<p dir="auto">This issue can be quite easily understood from the source of the carousel's pause method. It is the this.cycle() that is the problem. Since that is run without any argument, it sets this.paused to false, effectively undoing what was just set a few lines before. Then the next time cycle fires with an event, like mouseexit, it will actually start cycling. So, this.cycle needs to be called with some argument.<br>
pause: function (e) {<br>
if (!e) this.paused = true<br>
if (this.$element.find('.next, .prev').length &amp;&amp; $.support.transition.end) {<br>
this.$element.trigger($.support.transition.end)<br>
this.cycle()<br>
}<br>
clearInterval(this.interval)<br>
this.interval = null<br>
return this<br>
}</p>
<p dir="auto"><a href="http://twitter.github.com/bootstrap/javascript.html#carousel">carousels example</a><br>
I thought this one was fixed with the clearInterval() function, but its not.. =/</p>
<p dir="auto">go to the carousel example and click on one of the indicators, and stay on the image or indicators.. the carousel doesnt stay paused, it keeps cycling through the images event if you're still hovering on top of them..</p>