Bootstrap JavaScript Karuzela nie przestaje jeździć na rowerze

Question

May 09, 2012, 07:33 PM

Bootstrap JavaScript Karuzela nie przestaje jeździć na rowerze

Wersja Bootstrap Twittera: 2.0.3

Przykładowy kod HTML:

<code><!DOCTYPE html>
<html dir="ltr" lang="en-US" xmlns:og="http://opengraphprotocol.org/schema/">
<head>
<link rel="stylesheet" type="text/css" media="all" href="reddlec/style.css" />
<script type="text/javascript">
$(document).ready(function() {
    $('.carousel').each(function(){
        $(this).carousel({
            pause: true,
            interval: false
        });
    });
});
</script>
<script src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-carousel.js"></script>
</head>
<body>
<div id="myCarousel" class="carousel slide">
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item">…</div>
    <div class="item">…</div>
    <div class="item">…</div>
  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
</body>
</html>
</code>

CSS: Wyposażonabootstrap.css

Problem: Jak widać, włączyłemwstrzymany tryb i wyłączonyJazda rowerem. Ale gdy klikam lewą lub prawą kontrolkę karuzeli, karuzela zaczyna cyklicznie w domyślnym interwale (5 sekund na cykl) po zwolnieniu przycisku myszy.

Jak wymusić wyłączenie jazdy na rowerze? Chcę, aby obrazy były cyklicznie wykonywane przez użytkownika.

Możesz przetestować problem na żywo na mojej stronie testowejtutaj.