光滑的滑块自定义点 - 自动播放

Question

我将此滑块设置为 autoplay=true，但即使我将属性 autoplay 设置为 true，它也会自动播放

 <div class="slick_slider_main slider_custom_dots"
                            data-slick='{
                  "dots": true,
                  "arrows": true,
                  "infinite": true,
                  "centerMode": false,
                  "slidesToShow": 1,
                  "centerPadding": "190px",
                  "slidesToScroll": 1,
                  "autoplay": true,
                  "autoplaySpeed": 20,
                  "speed": 800,
                  }'>

Answer 1

您的滑动滑块配置似乎可能存在一些问题。您可以检查以下几件事：

1. 自动播放速度值： autoplaySpeed 属性表示启用自动播放时每张幻灯片之间的时间（以毫秒为单位）。您已将其设置为 20，该值非常低，可能会导致滑块移动太快或无法正常工作。尝试将其设置为更高的值，例如 2000（2 秒）。
2. 数据属性引号： 确保数据属性引号的格式正确。在您的代码中，它们似乎是单引号。确保它们的格式正确为双引号，因为 JSON 通常需要在属性名称和字符串值两边加上双引号。

data-slick='{ "dots": true, "arrows": true, "infinite": true, "centerMode": false, "slidesToShow": 1, "centerPadding": "190px", "slidesToScroll": 1, "autoplay": true, "autoplaySpeed": 2000,  // Adjust this value as needed "speed": 800 }

3.包括 Slick JS 和 jQuery： 确保您的项目中已包含 jQuery 和 Slick JS。 Slick JS 依赖于 jQuery，因此请确保 jQuery 在 Slick JS 之前加载。

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="path/to/slick.min.js"></script>

4。初始化 Slick 滑块： 设置数据属性后，请确保初始化平滑滑块。这通常在脚本部分完成。

<script>
  $(document).ready(function(){
    $('.slick_slider_main').slick();
  });
</script>