javascript - funcionan - como hacer un carrusel con bootstrap

Carrusel de Bootstrap: quitar el deslizamiento automático

Question

Estoy usando Bootstrap Carousel. Todo lo que quiero es que el control deslizante solo se deslice cuando se hace clic en una navegación o una paginación. He intentado eliminar

$(''.carousel'').carousel({
    interval: 6000
}); 

Funciona bien, pero mi problema es que una vez que he hecho clic en una navegación o paginación, ahora es automático deslizante. ¿Es posible eliminar la función de deslizamiento automático? ¿Si es así, cómo?

Answer 1

Cambiar / Agregar a data-interval = "false" en carrusel div

<div class="carousel slide" data-ride="carousel" data-type="multi" data-interval="false" id="myCarousel">

Answer 2

De los documentos oficiales :

intervalo La cantidad de tiempo para demorar entre ciclar automáticamente un elemento. Si es falso , el carrusel no se activará automáticamente.

Puede pasar este valor con javascript o usar un atributo data-interval="false" .

Answer 3

Intenta agregar:

interval: false

eso hará que el autodeslice se detenga porque no hay milisegundos agregados y nunca se deslizará a continuación.

Answer 4

Por favor intenta lo siguiente:

<script>
    $(document).ready(function() {      
        $(''.carousel'').carousel(''pause'');
    });
</script>

Answer 5

Solo necesita agregar un atributo más a su etiqueta DIV que es

data-interval="false"

no hay necesidad de tocar JS!

Answer 6

data-interval = "false"

Agregue esto a la div correspondiente ...

Answer 7

$(document).ready(function() {
  $(''#media'').carousel({
    pause: true,
    interval: 40000,
  });
});

Al usar la secuencia de comandos anterior, podrá mover las imágenes de forma automática

$(document).ready(function() {
  $(''#media'').carousel({
    pause: true,
    interval: false,
  });
});

Al usar la secuencia de comandos anterior, auto-rotation se bloqueará porque el interval es false