javascript - con - no funcionan flechas de desplazamiento en un carrusel de bootstrap

¿Es posible evitar que el carrusel de Bootstrap se detenga al pasar el mouse y continuar el ciclo automáticamente?

Question

¿Es posible evitar que el carrusel de Bootstrap se detenga en el comportamiento de desplazamiento del mouse y continúe alternando automáticamente los elementos?

La documentación solo menciona el comportamiento predeterminado de pause: "hover" , si cambio el argumento de pausa a cualquier otra cosa, entonces el carrusel deja de funcionar por completo, así que no estoy seguro de cómo deshabilitar este comportamiento predeterminado.

Answer 1

Bootstrap 4 Eliminar pausa en el cursor

$(''.carousel'').carousel({
interval: 2000,
cycle: true,
pause: "null"
})

Answer 2

Descubrí que hay dos cosas de las que depende este ciclo y la pausa.

1. Cuando el mouse entra ( mouseenter - pausa de deslizamiento )
2. Cuando el ratón se va ( mouseleave - reanudar deslizamiento )

Simplemente cambie la siguiente línea de código en su archivo js / bootstrap.js para permitir el deslizamiento continuo.

.on(''mouseenter'', $.proxy(this.pause, this)) para

.on(''mouseenter'', $.proxy(this.**cycle**, this))

Answer 3

Descubrí que un valor de "false" hará que el carrusel siga circulando durante un mouseover:

$(''.carousel'').carousel({
pause: "false"
});

Estoy usando Twitter Bootstrap v2.0.2

Answer 4

Para cualquier persona que aún visite este hilo, en la versión más reciente de 4.1.3, use null sin comillas. Tal vez se requerían cotizaciones en versiones anteriores v.4, pero no es el caso ahora:

$(''.carousel'').carousel({
interval: 2000,
cycle: true,
pause: null
})

Answer 5

También puede agregar esto a la div .carousel en lugar de usar javascript.

Añadir tiempo de retardo:

data-interval="3000"

Agregue si se detiene o no, las opciones son true y false

data-pause="false"

Ejemplo sería:

<div id="carousel" class="carousel" data-ride="carousel" data-interval="3000" data-pause="false">

Esto funcionó para mí.

Answer 6

$(''.carousel'').carousel({
pause: ''none''
})

para Bootstrap v3.3.4