Как сделать так, чтобы гладкий слайдер постоянно автоматически воспроизводился, но ускорял прокрутку при щелчке стрелки/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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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