Yo, como muchos otros, desea puede hacer clic y styleable de paginación para que se ejecute con el Bootstrap carrusel así que no tienes que ejecutar el adicional de plugins de jquery (por ejemplo. innerfade) sobre la parte superior de arranque.

He tenido un tiro a través de esta pregunta (y la respuesta) Bootstrap Carrusel Número de activos icono pero hasta el momento no hay dados, yo no puedo ver lo que estoy haciendo mal aquí.

Aquí está mi jugueteando http://jsfiddle.net/adriatiq/V4SBt/ (extrañamente la paginación funciona en el violín y no local). Como se puede ver, la numeración de no saltar a través de las diapositivas de progreso.

Por favor, disculpe mi triste js habilidades.

InformationsquelleAutor adriatiq | 2012-06-11

2 Comentarios

  1. 4

    He mirado en el código. He añadido la clase basada en hacer clic en los números 1,2,3…
    Pero yo era incapaz de hacer lo mismo para el próximo prev enlaces…

    http://jsfiddle.net/V4SBt/1/

    He escrito el código, pero sus comentado… En que el código que he de llegar extraño error diciendo Indefinido evento click en los enlaces cuando traté de escuchar a los de evento click.

    • Gracias Vins, parece estar funcionando bien tanto en el violín y local. Estoy tratando de encontrar ese error en el inspector, pero estoy de basura en js depuración.
    • Puede depurar el código javascript mediante el uso de Google chrome pulse ctrl + Mayús + i, a continuación, vaya a la consola para ver los errores. Y en firefox se pueden instalar firebug para js de depuración.
  2. 6

    Este me funciona 🙂
    http://jsfiddle.net/4WY6S/6/

    <script type="text/javascript">
     var currentPage =0;
     $('#myCarousel').carousel({
             interval: 7000
         })
     $('#carousel-nav a').click(function(q){
        q.preventDefault();
        clickedPage = $(this).attr('data-to')-1;
        currentPage = clickedPage-1;
        $('#myCarousel').carousel(clickedPage);
        });
    var pages = $("#carousel-nav a");
    var pagesCount = pages.length;
    $('#myCarousel').on('slide', function(evt) {
      $(pages).removeClass("active");
      currentPage++;
      currentPage=(currentPage%pagesCount);
      $(pages[currentPage]).addClass("active");
      });
    </script>

    Aquí está el código para el «Prev» y «Next» botones:

    <a href="#" onclick="if(currentPage>0){currentPage=((currentPage-2)%3);$('#myCarousel').carousel(currentPage+1);}">PREVIOUS</a> | <a href="#" onclick="if(currentPage<2){$('#myCarousel').carousel(currentPage+1);}">NEXT</a>

Dejar respuesta

Please enter your comment!
Please enter your name here