Saltar al contenido

Carrusel Bootstrap: eliminar el deslizamiento automático

La guía paso a paso o código que hallarás en este post es la resolución más sencilla y efectiva que hallamos a tu duda o problema.

Solución:

Puede hacer esto de 2 maneras, a través de js o html (fácil)

  1. vía js
$('.carousel').carousel(
  interval: false,
);

Eso hará que el deslizamiento automático se detenga porque no se agregaron milisegundos y nunca se deslizará a continuación.

  1. Vía Html Añadiendo data-interval="false" y eliminando data-ride="carousel"

se convierte en:

actualizado basado en el comentario de @webMan

De los documentos oficiales:

intervalo La cantidad de tiempo de retraso entre el ciclo automático de un elemento. Si falseel carrusel no realizará un ciclo automáticamente.

Puede pasar este valor con javascript o usando un data-interval="false" attribute.

solo tienes que agregar uno mas attribute a su etiqueta DIV que es

data-interval="false"

no hay necesidad de tocar JS!

Recuerda algo, que tienes la opción de aclarar si descubriste tu traba .

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *