Bagaimana untuk membuat autoplay peluncur licin secara berterusan tetapi mempercepatkan penatalan pada klik anak panah/titik?
P粉956441054
P粉956441054 2024-03-25 21:20:33
0
1
468

Saya ingin membuat slider yang bermain secara berterusan dan automatik. Ia berfungsi dengan baik, tetapi anak panah dan mata nampaknya tidak berfungsi dengan betul. Saya tidak pasti tetapan apa yang perlu saya ubah, tetapi saya mahu peluncur untuk menatal serta-merta selepas mengklik anak panah atau titik.

Saya cuba menukar beberapa tetapan menggunakan kod di bawah tetapi nampaknya tiada apa yang berfungsi.

Apabila speed 设置为 6000 automain mempunyai pemasaan yang sempurna tetapi menggunakan kelajuan perlahan yang sama apabila menatal selepas mengklik titik/anak panah, tingkah laku ini tidak diingini (ia harus menatal segera ke slaid yang dipilih). Bolehkah anda membantu saya memahami apa yang perlu saya lakukan untuk mencapai matlamat saya?

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

membalas semua(1)
P粉217784586

Sesetengah pilihan JS mungkin tidak berfungsi dengan tetapan lain (sama seperti dalam SwiperJS), jadi semasa anda melalui setiap fungsi JS yang ditambahkan, perhatikan sama ada ia mungkin menafikan tetapan terdahulu yang lain. Perkara berikut sepatutnya membawa anda ke landasan yang betul (sebagai contoh).

sssccc
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan