¿Es posible evitar la pausa del carrusel de Bootstrap con el mouse sobre el mouse y continuar con el ciclo automáticamente?

¿Es posible evitar la pausa del carrusel de Bootstrap en el comportamiento de desplazamiento del mouse y continuar alternando automáticamente con los elementos?¿Es posible evitar la pausa del carrusel de Bootstrap con el mouse sobre el mouse y continuar con el ciclo automáticamente?

La documentación solo menciona el comportamiento predeterminado de pause: "hover", si cambio el argumento de pausa a algo más, entonces el carrusel deja de funcionar por completo, por lo que no estoy seguro de cómo deshabilitar este comportamiento predeterminado.

Fuente

2012-04-22 Andy Bowskill

he encontrado que un valor de "false" hará que el carrusel para mantener el ciclismo durante una mouseover:

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

estoy usando Twitter Bootstrap v2.0.2

Fuente

2012-05-04 00:08:10 xcer

usuario ' "pausa": "false"' para IE compability! – Gustav

¡Funciona también con Bootstrap v3.1.1! – HischT

en Bootstrap 3.3.7, la opción 'pause' debe tener el valor' null' si desea pasar el mouse sobre el carrusel para no pausarlo: http://getbootstrap.com/javascript/#carousel-options –

Puede añadir esto a la div .carousel también en lugar de usar javascript.

Agregar tiempo de retardo:

data-interval="3000"

Añadir si se detiene en vuelo estacionario 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í.

Fuente

2014-11-14 04:17:43 JCBrown

gran solución para hacer leyendo los códigos más nítidos. –

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

de Bootstrap v3.3.4

Fuente

2015-04-20 11:52:21 wpdevramki

Algunas palabras de explicación harían este ejemplo aún mejor. – Thom

Necesito esto para uno de mis sitios usando Bootstrap v3.3.4 y utilicé todo lo anterior. pero, ninguno funcionó para mí, al fin encontré este sitio: http://www.dwdmbi.com/2013/07/avoid-pausing-bootstrap-carousel-on.html desde ese sitio usé solo la pausa: 'ninguno'. Funciona muy bien, ¡eso! ¡Entonces lo comparto! – wpdevramki

Para Bootstrap 3.3.7, el valor debe ser 'nulo': http://getbootstrap.com/javascript/#carousel-options –

Bootstrap 4 Retire Pausa en vuelo estacionario

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

Fuente

2017-08-11 18:05:49

he encontrado que hay 2 cosas que depende este ciclismo y pausa.

Cuando entra ratón (MouseEnter - pausa deslizamiento)
Cuando las hojas de ratón (mouseleave - reanudar la corredera)

Sólo cambia siguiente línea de código en sus JS/bootstrap.js archivo para permitir el deslizamiento continuo.

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

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

Fuente

2017-09-11 05:53:20

¿Es posible evitar la pausa del carrusel de Bootstrap con el mouse sobre el mouse y continuar con el ciclo automáticamente?

Respuesta

Cuestiones relacionadas