我想製作一個(gè)連續(xù)自動(dòng)播放的滑桿。它工作正常,但箭頭和點(diǎn)看起來(lái)無(wú)法正常工作。我不確定應(yīng)該更改哪些設(shè)置,但我希望滑桿在單擊箭頭或點(diǎn)後立即滾動(dòng)。
我嘗試使用下面的程式碼更改一些設(shè)置,但似乎沒(méi)有任何效果。
當(dāng)speed
設(shè)定為6000
自動(dòng)播放具有完美的計(jì)時(shí),但在點(diǎn)擊點(diǎn)/箭頭後滾動(dòng)時(shí)使用相同的慢速,這種行為是不需要的(它應(yīng)該立即滾動(dòng)到所選幻燈片)。您能幫助我了解我該做什麼來(lái)實(shí)現(xiàn)我的目標(biāo)嗎?
$(document).ready(function(){ $('.test').slick({ slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 1, speed: 6000, dots: true, cssEase: 'linear', waitForAnimate: false, pauseOnFocus: false, pauseOnHover: false }); });
.slick-prev:before, .slick-next:before { color: black!important; }
<link rel="stylesheet" type="text/css" /> <link rel="stylesheet" > <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <div style='margin-left:20px;width:200px;color:black!important;'> <div class='test'> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </div> </div>
某些 JS 選項(xiàng)可能無(wú)法與其他設(shè)定一起使用(就像在 SwiperJS 中一樣),因此當(dāng)您瀏覽每個(gè)新增的 JS 函數(shù)時(shí),請(qǐng)注意它是否可能否定另一個(gè)早期的設(shè)定。 以下內(nèi)容應(yīng)該能讓您走上正軌(作為範(fàn)例)。