Utilizando la última versión y tienen el básico de carrusel. Tengo que trabajar con todos los ajustes por defecto, sin embargo cuando se intenta agregar o dejar de determinadas funciones, las cosas se rompen o no funcionan en absoluto. Quiero ser capaz manualmente un ciclo a través de las imágenes. No lo quiero para ciclo automático. Sólo quiero que me use los botones next y prev para el ciclo a través de. He leído un par de post por aquí, pero las soluciones no funcionan ayuda/trabajo.

<div id="myCarousel" class="carousel slide">

<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
     <ul class="thumbnails">
         <li>Img</li>
         <li>Img</li>
         <li>Img</li>
     </ul>
</div>
<div class="item">
      <ul class="thumbnails">
         <li>Img</li>
         <li>Img</li>
         <li>Img</li>
     </ul>
</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>

$('#myCarousel').each(function() {
    $(this).carousel({
        interval: false
    });
});
  • «no trabajo» puede ser vaga. Cualquier error o formas específicas de no trabajar?
InformationsquelleAutor alyus | 2013-04-04

2 Comentarios

  1. 39

    Puede alambre de los eventos de seguridad de ti mismo:

    $('.carousel-control.left').click(function() {
      $('#myCarousel').carousel('prev');
    });
    
    $('.carousel-control.right').click(function() {
      $('#myCarousel').carousel('next');
    });

    Por supuesto, usted puede utilizar el data-slide así, sólo depende de lo que quieras hacer. Algo como esto que hace lo mismo que el anterior.

    $('a[data-slide="prev"]').click(function() {
      $('#myCarousel').carousel('prev');
    });
    
    $('a[data-slide="next"]').click(function() {
      $('#myCarousel').carousel('next');
    });
    • gracias por la ayuda.
    • Pero, ¿tenemos para alambre de arriba de ti…pensé que el Bootstrap carrusel no requieren que.
    • Puede utilizar los datos de la diapositiva como indiqué en mi respuesta, aunque en ese momento no sé si hubo algunos errores o algo que impedía a la anterior/siguiente de trabajo cuando el intervalo se apaga.
    • Siendo un novato, yo era incapaz directamente comentario a esta respuesta con mi código editado. Consulte a continuación para ver un leve ajuste que ‘desactiva’ los botones prev/next vínculos de trabajo como en línea en la página de anclaje (por lo tanto en movimiento toda la página, así como de la diapositiva 😉 )!
    • Tan útil, amigo.
    • Funciona muy bien con bootstrap v3.0.0 !!!

  2. 2

    Tuve algunas dificultades pegar el código en un comentario (novato 🙂 ) pero me tomó Lúcuma el post y añadido algo de código para evitar que los enlaces anterior y siguiente del trabajo como en línea de la página de anclaje. Utilizando el siguiente código, de dejar que eso suceda, pero todavía se deslice hacia atrás/hacia delante como usted quería.

    //Fixes the prev/next links of the sliders
    $('.carousel-control.left').click(function(e) {
      e.stopPropagation();
      $('.js-carousel').carousel('prev');
      return false;
    });
    
    $('.carousel-control.right').click(function(e) {
      e.stopPropagation();
      $('.js-carousel').carousel('next');
      return false;
    });
    • Gracias por esto, me estaba poniendo que en línea de la página ancla problema.
    • Este es trabajo para mí. Gracias!

Dejar respuesta

Please enter your comment!
Please enter your name here