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