猫头鹰旋转木马滑块顺利不工作

Question

I created Owl Carousel Slider with auto play but it not sliding smoothly. Anyone know how to create following code run smoothly?

Javascript Code

var owl = $('.owl-carousel');
owl.owlCarousel({
  autoPlay: 1000, //Set AutoPlay to 3 seconds
  dots: true,
  items: 2,
  margin: 10,
});

Demo

Answer 1

Hy there use following code must insert this

 $(document).ready(function() { $("#owl-slideshow").owlCarousel({ // Show next and prev buttons slideSpeed: 300, paginationSpeed: 400, singleItem: true, loop: true, autoPlay: true, autoPlaySpeed: 5000, autoPlayTimeout: 5000, autoPlayHoverPause: true }); });

 <div id="owl-slideshow" class="owl-carousel owl-theme"> <div class="item" style="background-image:url(assets/images/wall1.png); height: 170px !important;"></div> <div class="item" style="background-image:url(assets/images/wall2.png); height: 170px !important;"></div> <div class="item" style="background-image:url(assets/images/wall3.png); height: 170px !important;"></div> </div>

Answer 2

increase autoplay duration.

var owl = $('.owl-carousel');
owl.owlCarousel({
  autoPlay: 3000, //Set AutoPlay to 3 seconds
  dots: true,
  items: 2,
  margin: 10,
});