jquery - multiple - Evitar que el carrusel de arranque de twitter se deslice automáticamente en la carga de la página
carousel jquery (9)
--Usar data-interval = "false" para detener la diapositiva automática --Usar data-wrap = "false" para detener la diapositiva circular
...Entonces, ¿hay alguna manera de evitar que el carrusel de arranque de Twitter deslice automáticamente en la carga de la página a menos que se haga clic en el botón siguiente o anterior?
Gracias
A continuación se muestra la lista de parámetros para el carrusel bootstrap. Al igual que Interval, pausa, envuelve:
Para más detalles, consulte este enlace:
http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp
Espero que esto te ayudará :)
Nota: Esto es para ayuda adicional. Me refiero a cómo se puede personalizar o cambiar el comportamiento predeterminado una vez que se carga el carrusel.
Creo que deberías ir a ver las instrucciones oficiales sobre el carrusel, para mí, no he encontrado la respuesta anterior, debido a las múltiples versiones de bootstrap, estoy usando b4-alpha y quiero que se detenga el efecto de reproducción automática.
$(document).ready({
pause:true,
interval:false
});
este script no tiene ningún efecto mientras el mouse sale de esa página, exactamente el área del carrusel. ir a la definición oficial y encontrar aquellos:
Entonces, encontrará por qué. Si el evento onmouseover de la página del carrusel se activa, la página se pausará, mientras el mouse sale de esa página, se reanudará nuevamente.
Por lo tanto, si desea que una página se detenga para siempre y gire manualmente , puede establecer data-interval=''false'' .
El problema con el carrusel que se desliza automáticamente después de presionar el botón anterior / siguiente está resuelto.
$(''.carousel'').carousel({
pause: true,
interval: false
});
En realidad, el problema ahora está resuelto. Agregué el argumento ''pausa'' al método ''carrusel'' como a continuación:
$(document).ready(function() {
$(''.carousel'').carousel(''pause'');
});
De todos modos, muchas gracias a @Yohn por sus consejos sobre esta solución.
O si está usando Bootstrap 3.0 puede detener el ciclo con data-interval = "false" por ejemplo
<div id="carousel-example-generic" class="carousel slide" data-interval="false">
Otros atributos útiles de los datos del carrusel están aquí -> http://getbootstrap.com/javascript/#carousel-usage
agrega esto a tu div de curso:
data-interval="false"
si está utilizando el programa de arranque 3 configure data-interval="false" en la estructura HTML del carrusel
ejemplo:
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">
- Use
data-interval="false"para detener la diapositiva automática - Utilice
data-wrap="false"para detener la diapositiva circular