Bootstrap JavaScript Carrusel no para el ciclismo

Question

May 09, 2012, 07:33 PM

Bootstrap JavaScript Carrusel no para el ciclismo

Versión de Twitter Bootstrap: 2.0.3

Ejemplo de código 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: Proporcionado conbootstrap.css

Problema: Como puedes ver, he habilitadoen pausa modo, y deshabilitadociclismo. Pero cuando hago clic en los controles izquierdo o derecho del carrusel, el carrusel comienza a completar el ciclo en el intervalo predeterminado (5 segundos por ciclo) en la hoja de huevo.

¿Cómo desactivo con fuerza el ciclismo? Quiero que las imágenes sean cicladas manualmente por el usuario.

Puedes probar el problema en vivo en mi sitio de pruebaaquí.