我已经为我的网页实现了光滑的滑块。刷卡效果很好,图像显示一个接一个。我唯一的问题是让滑块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)