Slick slider событие перелистывания

@a4t_ech · Регистрация: 10.08.2015

Студворк — интернет-сервис помощи студентам

Народ, помогите решить проблему!!! Нужно чтоб при клике по стрелкам "вперед", "назад" в slick slider была задержка появления нового слайда.

@Fedor92 · 19.01.2018, 00:02

a4t_ech, попробуйте параметр autoplaySpeed или speed

@a4t_ech · 19.01.2018, 00:04 **[ТС]**

Вы не поняли, я нажал на стрелку и ничего не должно происходить указанное время, к примеру 2 секунды

@Fedor92 · 19.01.2018, 00:23

Сообщение от a4t_ech

Вы не поняли, я нажал на стрелку и ничего не должно происходить указанное время, к примеру 2 секунды

Таких опций в слике нет насколько я знаю... Надо докручивать...

@a4t_ech · 05.02.2018, 21:17 **[ТС]**

решил

@Fedor92 · 05.02.2018, 22:39

Сообщение от a4t_ech

решил

Ну так, а решение где? Может кому пригодится...

@VladDerzhavin · 18.07.2018, 20:22

Добавлено через 5 минут
a4t_ech, Как решили? Помогите пожалуйста

@evikza · 18.07.2018, 23:19

VladDerzhavin, Здравствуйте. Решил посмотреть, как можно реализовать задержку при клике на кнопки «назад» и «вперед».

Можно было конечно создать новые кнопки, привязать к ним событие что-то вроде этого:

JavaScript
1
... (e) => $gallery.slick('slickNext');

Но, я решил пойти по пути большего сопротивления.

Залез под капот slick.js и подправил немного событие, при котором происходит смена слайдов. Повесив на него setTimeout.

JavaScript
1
2
3
setTimeout(function() {
    _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate);
}, _.options.delayArrow);

Можете спокойной вызывать конструкцию slick с новым параметром delayArrow. По дефолту поставил 2000 (1000 = 1 сек). Соответственно, при 0, задержки вообще не будет.

Инициализируем плагин:

JavaScript
1
2
3
4
5
6
7
$(document).ready(function() {
    $('.slick-container').slick({
        dots: true,
        infinite: true,
        delayArrow: 2000
    });
});

Прикладываю рабочий пример:

@VladDerzhavin · 23.07.2018, 15:52

evikza, Я впечатлен! Большое, спасибо. А как при клике на dots, тоже задержку сделать? Буду очень благодарен!

Добавлено через 20 минут
И при свайпе.

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/

@a4t_ech 4 / 4 / 2 Регистрация: 10.08.2015 Сообщений: 162

	Slick slider событие перелистывания 18.01.2018, 23:51. Показов 11135. Ответов 8 Метки нет (Все метки) Народ, помогите решить проблему!!! Нужно чтоб при клике по стрелкам "вперед", "назад" в slick slider была задержка появления нового слайда. 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	19.01.2018, 00:02
	a4t_ech, попробуйте параметр autoplaySpeed или speed 0

@a4t_ech 4 / 4 / 2 Регистрация: 10.08.2015 Сообщений: 162
	19.01.2018, 00:04 [ТС]
	Вы не поняли, я нажал на стрелку и ничего не должно происходить указанное время, к примеру 2 секунды 0

@a4t_ech 4 / 4 / 2 Регистрация: 10.08.2015 Сообщений: 162
	05.02.2018, 21:17 [ТС]
	решил 0

@VladDerzhavin 0 / 0 / 0 Регистрация: 18.07.2018 Сообщений: 2
	18.07.2018, 20:22
	Добавлено через 5 минут a4t_ech, Как решили? Помогите пожалуйста 0

@VladDerzhavin 0 / 0 / 0 Регистрация: 18.07.2018 Сообщений: 2
	23.07.2018, 15:52
	evikza, Я впечатлен! Большое, спасибо. А как при клике на dots, тоже задержку сделать? Буду очень благодарен! Добавлено через 20 минут И при свайпе. 0