1 回答

TA貢獻1111條經驗 獲得超0個贊
你將不得不添加一些 jquery
$('.slick-slider').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
pauseOnDotsHover:false,
autoplaySpeed:500,
dots: false,
arrows: false,
infinite: true
});
$('#pause').click(function() {
$('.slick-slider').slick('slickPause');
});
$('#play').click(function() {
$('.slick-slider').slick('slickPlay');
});
然后編輯你的按鈕分別有一個 pause 和 play 的 id 并刪除 a 標簽
<div class="slick-controls">
<div class="slick-controls-pause slick-play"><span id="pause" class="fa fa-pause"></span></div>
<div class="slick-controls-play slick-play"><span id="play" class="fa fa-play"></span></div>
</div><br><br>
如果你想讓指針懸停。而不是使用標簽。用cursor: pointer;在你的 .slick-play
添加回答
舉報