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 ?
P粉956441054
P粉956441054 2024-03-25 21:20:33
0
1
414

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>

P粉956441054
P粉956441054

répondre à tous(1)
P粉217784586

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
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!