Entonces, ¿hay alguna manera de evitar que twitter bootstrap carrusel desde el auto se desliza sobre la carga de la página, a menos que el botón siguiente o anterior se hace clic?

Gracias

10 Comentarios

  1. 260

    O si usted está usando Bootstrap 3.0 puede detener el ciclismo con datos de intervalo=»false» por ejemplo

    <div id="carousel-example-generic" class="carousel slide" data-interval="false">

    Otros útiles de carrusel de datos de atributos están aquí -> http://getbootstrap.com/javascript/#carousel-usage

    • Esto no es 100% la respuesta a la pregunta, ya que también deja de ciclismo, incluso cuando hace clic en un botón. Pero era exactamente lo que estaba buscando. Así que gracias de todos modos!
    • data-interval="false" también funciona con Bootstrap 4
  2. 53

    Realidad, el problema está resuelto. He añadido la ‘pausa’ argumento para el método de ‘carrusel’, como el de abajo:

    $(document).ready(function() {      
       $('.carousel').carousel('pause');
    });

    De todos modos, muchas gracias @Yohn por sus consejos hacia esta solución.

    • Esto va a empezar a deslizarse tras prev/next, echa un vistazo a stackoverflow.com/a/18208327/463065 si eso no es lo que estás buscando.
    • para obtener información más específica sería $(function(){ $("#idName").carousel('pause'); });
  3. 43

    El problema con el carrusel de forma automática corredera después de la anterior/siguiente pulse el botón está resuelto.

    $('.carousel').carousel({
        pause: true,
        interval: false
    });

    GitHub cometer 78b927b

  4. 17

    si usted está usando bootstrap 3 conjunto data-interval="false" en la estructura HTML de carrusel

    ejemplo:

    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">
  5. 10
    • Uso data-interval="false" dejar de diapositivas automático
    • Uso data-wrap="false" a dejar de circular de la diapositiva
  6. 2

    Creo que tal vez debería ir a ver el funcionario de instrucción acerca de carrusel, para mí, no he encontrado respuesta anterior, debido a las múltiples versiones de bootstrap, estoy usando b4-alfa y quiero que la reproducción automática efecto de parada.

    $(document).ready({
        pause:true,
        interval:false
    });

    este script no hace ningún efecto, mientras que el mouse sale esa página, exactamente carrusel de la zona. ir a la definición oficial y encontrar los :

    La prevención de twitter bootstrap carrusel de auto deslizante en la página de carga

    Así que usted tendrá que averiguar por qué.si el carrusel de la página de evento onmouseover activa, la página se pondrá en pausa, mientras que el ratón fuera de esa página, se va a reanudar de nuevo.

    Por lo tanto, si usted desea una página detener para siempre y girar manualmente, sólo puede establecer data-interval='false'.

  7. 1

    –El uso de datos de intervalo=»false» para detener el deslizamiento automático
    –Uso de datos-wrap=»false» para dejar de circular de la diapositiva

  8. 1

    Para el Bootstrap 4 simplemente eliminar los datos de viaje=»carrusel»‘ en el carrusel de div. Esto quita la reproducción automática en el momento de la carga.

    Para activar la función de jugar de nuevo, usted todavía tiene que usar el «juego» de la llamada en javascript.

Dejar respuesta

Please enter your comment!
Please enter your name here