如何解决加载后立即导航Slick Slider
我希望能够在加载页面后立即直接在此滑块中导航。通常,每次新加载后,我必须通过单击任何图像来选择滑块以进行导航。我想我需要一个用于活动幻灯片或类似功能的自动选择功能,但我不知道它是什么。
https://codepen.io/Robocop/pen/BpbMKQ
HTML
<section class="top_slider">
<div>
<img src="http://placehold.it/288x288?text=1">
</div>
<div>
<img src="http://placehold.it/288x288?text=1">
</div>
<div>
<img src="http://placehold.it/288x288?text=1">
</div>
<div>
<img src="http://placehold.it/288x288?text=1">
</div>
<div>
<img src="http://placehold.it/288x288?text=1">
</div>
</section>
CSS
.slider {
background-color: white;
margin: 100px auto;
height: auto!important;
}
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
JS
$(".top_slider").slick({
dots: true,infinite: true,centerMode: true,slidesToShow: 3,slidesToScroll: 1,});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。