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