Question

我使用光滑的show reponsive滑块在这种情况下旋转木马里面有div的图像，问题是它没有显示我想要显示滑块的数字，显示全部并旋转是，但是例如如果我把show“5”显示更多，如果我改变这个数字始终显示相同，我认为这是因为我在cotnent内使用div而不是图像等，我尝试使用div的calss添加幻灯片，但继续不能正常工作

划分结构

    <div id="web_rotador" class="web_car">
    <div id="web_carrousel_product_content">1</div>
<div id="web_carrousel_product_content">1</div>
<div id="web_carrousel_product_content">1</div>
<div id="web_carrousel_product_content">1</div>
<div id="web_carrousel_product_content">1</div>
    </div>

箭头 .slick-prev：之前，.slick-next：之前 { 颜色：红色！重要; }

我的剧本

jQuery('#web_rotador').slick({
  autoplay: true,
  //infinite: true,
  slide: '.web_car',
  speed: 300,
  slidesToShow: 5,
  //slidesToScroll: 3,
  //centerMode:true,
  adaptiveHeight: false,
  adaptiveWidht: false,
  //dots: true,
  arrows: true,


});
</script>

我需要在这种情况下作品显示我为演出提供的数字幻灯片 - 5 - 当加载，问候并感谢帮助时

Answer 1

您对使用类.web_car作为滑块的旋转木马说，并且没有该类的元素，只需删除该行并且应该正常工作。

＆＃13;

$(document).ready(function(){
  $(function(){
    $('.web_car').slick({
      autoplay: true,
      //slide: '.web_car', //remove this line
      speed: 300,
      slidesToShow: 5,
      adaptiveHeight: false,
      adaptiveWidht: false,
      //dots: true,
      arrows: true,
    });
  })
});

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>


<div id="web_rotador" class="web_car">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
</div>

＆＃13;

Jquery Slick没有显示我需要的幻灯片数量

1 个答案: