Eu tenho um slide Owl Carousel, quando o site está carregando as imagens carregam pela metade e o autoplay, já inicia e começa a passar sem as imagens terem carregado totalmente, gostaria de saber como faço para iniciar o autoPlay depois de 2 segundos que a pagina for totalmente carregada.
$('.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>
<script src="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>