javascript - paginas - slider automatico responsive

El carrusel del búho no se jugará automáticamente

Question

Estoy usando el carrusel de búho en mi sitio. Según su documentación, esta pieza de JavaScript debería funcionar:

<script>
$("#intro").owlCarousel({

// Most important owl features

//Autoplay
autoPlay : 5000,
stopOnHover : false
)}
</script>

Pero por alguna razón no se reproducirá automáticamente. Aquí está el HTML del control deslizante:

<div id="intro" class="owl-carousel">
    <div class="item first">
      <div class="container">
        <div class="row">
          <div class="carousel-caption-left colour-white">
            <h2>Title Text</h2>
            <h1>Sub title text here.</h1>
            <p>If you like you can even add a sentence or two here.</p>
          </div>
        </div>
      </div>
      <div class="overlay-bg"></div>
    </div>
    <div class="item second">
      <div class="container">
        <div class="carousel-caption-left colour-white">
          <h2>Title Text</h2>
          <h1>Sub title text here.</h1>
          <p>If you like you can even add a sentence or two here.</p>
        </div>
      </div>
      <div class="overlay-bg"></div>
    </div>
    <div class="item third">
      <div class="container">
        <div class="carousel-caption-left colour-white">
          <h2>Title Text</h2>
          <h1>Sub title text here.</h1>
          <p>If you like you can even add a sentence or two here.</p>
        </div>
      </div>
      <div class="overlay-bg"></div>
    </div>
</div>

Answer 1

1. Primero, debes llamar al owl.autoplay.js.

2. este código funciona para mí: owl.trigger (''play.owl.autoplay'', [1000]);

Answer 2

Agrega esto

owl.trigger(''owl.play'',6000);

Answer 3

Cambiar de reproducción automática a reproducción automática solo no funcionó para mí. Lo que hizo el truco fue agregar las propiedades autoplaySpeed ​​y autoplayTimeout y establecerlas en el mismo valor, así:

$(document).ready(function(){
    var owl = $(".owl-carousel");
    owl.owlCarousel({
        items: 1,
        autoplay: true,
        autoPlaySpeed: 5000,
        autoPlayTimeout: 5000
        autoplayHoverPause: true
    });
});

Aquí hay una demostración de trabajo: JS Bin

Más información sobre esto se puede encontrar aquí: https://github.com/smashingboxes/OwlCarousel2/issues/234

Answer 4

Con la versión 2.3.4, necesita agregar el complemento owl.autoplay.js. Entonces haz lo siguiente

var owl = $(''.owl-carousel'');
owl.owlCarousel({
   items:1, //how many items you want to display
    loop:true,
    margin:10,
    autoplay:true,
    autoplayTimeout:10000,
    autoplayHoverPause:true
});

Answer 5

Configuración de autoPlay: true no funcionó para mí. Pero al configurar autoPlay: 5000 funcionó.

Answer 6

Debe establecer las propiedades autoplay y autoplayTimeout . Utilicé este código, y me funciona:

$(''.owl-carousel'').owlCarousel({
                autoplay: true,
                autoplayTimeout: 5000,
                navigation: false,
                margin: 10,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    1000: {
                        items: 2
                    }
                }
            })

Answer 7

En mi caso, la reproducción automática no funciona pero la reproducción automática funciona bien

Solo utilicé esto

<script src="plugins/owlcarousel/owl.carousel.js"></script>

no owl.autoplay.js es necesario y mi versión de carrusel de búhos es @version 2.0.0

Espero que esta cosa te ayude :)

Answer 8

Este código debería funcionar para usted

$("#intro").owlCarousel ({

        slideSpeed : 800,
        autoPlay: 6000,
        items : 1,
        stopOnHover : true,
        itemsDesktop : [1199,1],
        itemsDesktopSmall : [979,1],
        itemsTablet :   [768,1],
      });

Answer 9

Sí, es un error de escritura.

Escribir

auto-reproducción

no

auto-reproducción

El código del complemento de reproducción automática define la variable como "reproducción automática".

Answer 10

Sólo un error de escritura,

<script>
$("#intro").owlCarousel({

// Most important owl features

//Autoplay
autoPlay : 5000,
stopOnHover : false
)} ----- TYPO
</script>

Debería ser-

<script>
$("#intro").owlCarousel({

// Most important owl features

//Autoplay
autoPlay : 5000,
stopOnHover : false
}) ----- Correct
</script>

Answer 11

Si usas v1.3.3 entonces usa la siguiente propiedad

autoPlay : 5000

O usando la última versión, usa la siguiente propiedad

autoPlay : true

Answer 12

Tu Javascript debería ser

<script>
$("#intro").owlCarousel({

// Most important owl features

//Autoplay
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: true
)}
</script>

Answer 13

Usted puede estar en la versión incorrecta del documento del búho.

autoPlay is for 1st version

autoplay is for 2nd version