Question

我创建了猫头鹰旋转木马滑块，自动播放，但滑动不顺畅。有谁知道如何创建以下代码顺利运行？

Javascript代码

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

Demo

Answer 1

您好，请使用以下代码必须插入

$(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

增加自动播放持续时间。

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

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

2 个答案: