亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

如何使光滑的滑桿連續(xù)自動播放,但在箭頭/點單擊時加速滾動?
P粉956441054
P粉956441054 2024-03-25 21:20:33
0
1
726

我想製作一個連續(xù)自動播放的滑桿。它工作正常,但箭頭和點看起來無法正常工作。我不確定應(yīng)該更改哪些設(shè)置,但我希望滑桿在單擊箭頭或點後立即滾動。

我嘗試使用下面的程式碼更改一些設(shè)置,但似乎沒有任何效果。

當(dāng)speed 設(shè)定為6000 自動播放具有完美的計時,但在點擊點/箭頭後滾動時使用相同的慢速,這種行為是不需要的(它應(yīng)該立即滾動到所選幻燈片)。您能幫助我了解我該做什麼來實現(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>

P粉956441054
P粉956441054

全部回覆(1)
P粉217784586

某些 JS 選項可能無法與其他設(shè)定一起使用(就像在 SwiperJS 中一樣),因此當(dāng)您瀏覽每個新增的 JS 函數(shù)時,請注意它是否可能否定另一個早期的設(shè)定。 以下內(nèi)容應(yīng)該能讓您走上正軌(作為範(fàn)例)。

sssccc
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板