我需要一个带点定时器分页的滑块,如http://www.apple.com.我用过slick.js.我需要制作一个进度条,而不是点.
如何用进度条替换分页按钮？
$(document).ready(function () {
$('.slider').slick({
infinite: true,
autoplay:true,
dots: true,
arrows: false,
autoplaySpeed: 3000,
slidesToShow: 1,
slidesToScroll: 1
});
});
.slider .slick-dots {
padding: 0;
}
.slider .slick-dots li {
position: relative;
display: inline-block;
width: 19%;
height: 15px;
margin: 0 2px 0 0;
padding: 0;
cursor: pointer;
background: #ccbdb6;
transition: width 5s ease-out 0s;
}
.slider .slick-dots li:last-child {
margin-right: 0;
}
.slider .slick-dots li:hover,
.slider .slick-dots li.slick-active {
background: #a08a7f;
}
.slider .slick-dots li …