小编Ale*_*man的帖子

光滑的滑块自动播放不起作用

我已经为我的网页实现了光滑的滑块。刷卡效果很好,图像显示一个接一个。我唯一的问题是让滑块autoplay在页面加载完成时启动。

这是我页面链接。

的HTML

<div class="single-item insideslideshow slider autoplay slickplay">
    <div class="eachsliderimage" style="background-image: url('images/real-estate/2.jpg');"></div>
    <div class="eachsliderimage" style="background-image: url('images/real-estate/1.jpg'); "></div>
    <div class="eachsliderimage" style="background-image: url('images/real-estate/3.gif'); "></div>
    <div class="eachsliderimage" style="background-image: url('images/real-estate/4.jpg'); "></div>
</div>
Run Code Online (Sandbox Code Playgroud)

JavaScript代码:

<script type="text/javascript">
$(document).ready(function(){
  $('.single-item').slick({
      draggable: true,
      infinite: true,
      slidesToShow: 1,
      slidesToScroll: 1,
      touchThreshold: 1000,
  });
    $('.autoplay').slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
  });
});
Run Code Online (Sandbox Code Playgroud)

html javascript css slick.js

6
推荐指数
1
解决办法
7827
查看次数

标签 统计

css ×1

html ×1

javascript ×1

slick.js ×1