Как сделать так, чтобы плавный слайдер постоянно автоматически воспроизводился, но ускорял прокрутку при щелчке стрелки/CSS

Разбираемся в CSS
Anonymous
Как сделать так, чтобы плавный слайдер постоянно автоматически воспроизводился, но ускорял прокрутку при щелчке стрелки/

Сообщение Anonymous »

Я хотел бы сделать слайдер, который автоматически воспроизводится постоянно. Он работает нормально, но стрелки и точки работают неправильно. Я не уверен, какие настройки мне следует изменить, но мне бы хотелось, чтобы ползунок мгновенно прокручивался после нажатия на стрелку или точку.
Я пытался изменить некоторые настройки с помощью приведенного ниже кода, но, похоже, ничего не работает.
Когда скорость установлена на 6000, автозапуск имеет идеальное время, но такая же медленная скорость используется при прокрутке после нажатия на точку/стрелку, и такое поведение нежелательно (прокрутка должна выполняться немедленно) к выбранному слайду). Не могли бы вы помочь мне понять, что мне следует сделать для достижения моей цели?

Код: Выделить всё

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

Код: Выделить всё








1
2
3
4
5
6




Подробнее здесь: https://stackoverflow.com/questions/751 ... on-arrow-d

Вернуться в «CSS»