Comment faire en sorte qu'un curseur soit lu automatiquement en continu mais accélère le défilement lors d'un clic avec une flèche/un point ?

Question

Je souhaite créer un curseur qui joue en continu et automatiquement. Cela fonctionne bien, mais les flèches et les points ne semblent pas fonctionner correctement. Je ne suis pas sûr des paramètres que je dois modifier, mais je souhaite que le curseur défile immédiatement après avoir cliqué sur la flèche ou le point.

J'ai essayé de modifier certains paramètres à l'aide du code ci-dessous mais rien ne semble fonctionner.

Lorsque speed 设置为 6000 la lecture automatique a un timing parfait mais utilise la même vitesse lente lors du défilement après avoir cliqué sur le point/la flèche, ce comportement n'est pas souhaitable (elle doit défiler immédiatement jusqu'à la diapositive sélectionnée). Pouvez-vous m'aider à comprendre ce que je dois faire pour atteindre mes objectifs ?

$(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" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.slick/1.5.0/slick-theme.css">

<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>

Answer 1

Certaines options JS peuvent ne pas fonctionner avec d'autres paramètres (tout comme dans SwiperJS), donc lorsque vous parcourez chaque fonction JS ajoutée, faites attention si elle peut annuler un autre paramètre antérieur. Ce qui suit devrait vous mettre sur la bonne voie (à titre d’exemple).

  


sssccc