I have a Owl Carousel slide, when the site is loading the images load in half and the autoplay, already starts and starts to go without the images have fully loaded, I would like to know how do I start autoPlay after 2 seconds that the page is fully loaded.
$('.slider').owlCarousel({
items: 1,
loop: true,
autoplay: true,
autoplayTimeout: 6000,
autoplayHoverPause: false,
margin: 0,
stagePadding: 0,
smartSpeed: 2000,
responsiveClass: true,
responsive: {
0: {
margin: 0,
stagePadding: 0
},
600: {
margin: 0,
stagePadding: 0
},
1000: {
margin: 0,
stagePadding: 0
}
}
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.js"></script>
<div class=" slider owl-theme owl-carousel">
<img alt="img slider" src="http://www.newsrondonia.com.br/imagensNoticias/image/IMAGEM].jpg"class="item">
<img alt="img slider" src="https://img1.ibxk.com.br/2017/07/13/13160112901226.jpg?w=700"class="item">
<img alt="img slider" src="https://blog.emania.com.br/content/uploads/2016/02/direitos-autorais-e-de-imagem-750x375.jpg"class="item">
</div>