Не работает slick slider при подключении

Содержание

Не работает slick слайдер, почему?
Как решить проблему с отображением слайдера Slick?
Как подключить slick slider?
не работает slick slider
1 ответ 1
Всё ещё ищете ответ? Посмотрите другие вопросы с метками javascript html css slick.js или задайте свой вопрос.
Похожие
Подписаться на ленту
Как решить проблему с отображением слайдера Slick?

Не работает slick слайдер, почему?

Всем привет. Все сделал как в документации, но он почему то не работает.. Причем вроде как подключился, но криво. Один из элементов вылазит слева страницы, причем его можно листать, но он не листается, от начала до конца страницы только двигается.. Потом вообще исчезает.. Что не так с этим слайдером?

Вопрос задан более трёх лет назад
4686 просмотров

1 что надо всегда делать, это смотреть на ошибки в консоле, но допустим их там нет, тогда:

Почему тема перед основными стилями?

Убедитесь что $(‘.single-item’) находит, например так:
console.log($(‘.single-item’).length);
выведет в консоль 1 если все ок.

тут явно одна строка лишняя

ну и да, вызывать слик после модалки, причем не просто после модалки, а по событию окно построено. погуглите немножко, все есть там.

для скрытых блоков слик не пашет, это так со всеми слайдерами будет, увы и ах))) или пишите свой слайдер, теоретически можно и на скрытых делать, но будет топорно выглядеть.

Источник

Как решить проблему с отображением слайдера Slick?

Здравствуйте, проблема такая.

Есть два таба, в обоих табах есть слайдер slick.

В первом табе все ок, слайдер работает. Переключаемся на второй таб, там слайдер работает, только не показывает картинки. Если нажать на стрелочку или изменить размер окна они появятся.

Подскажите как можно сделать так чтобы картинки появлялись сразу.

Вопрос задан более трёх лет назад
15789 просмотров

ohikoshimi, Ещё вариант есть, инициировать слайдер повторно, при открытии модального окна, тогда он начинает пересчёт параметров и открывается с обновлёнными данными.
К примеру, так:

Как видишь, событие нажатия вызывает модальное окно (у меня открытие модальки происходит в другой функции, а тебя должно быть по своему, или в этой дописать код), проверяет открыто ли (visible) и производит действия после заданного времени. Время должно быть не меньше того, сколько отводится на открытие модального окна.

Источник

Как подключить slick slider?

Добрый день! Пытаюсь разобраться с подключением плагина через npm и почему он не работает. Возможно, вы сможете помочь с этим вопросом.
Вот порядок моих действий.
1. установливаю slick-carousel через npm

2. в gulpfile.js добавляю следующий код:

3. в common.js прописываю:

4. собственно сам html:

4. также в html в добавляю

В итоге ошибок никаких при запуске нет, но и слайдер тоже не отображается.
Буду признательна, если укажите на ошибки или порекомендуете, что почитать на эту тему.

Вопрос задан более трёх лет назад
6952 просмотра

node_modules забыли.
и не совсем ясно, зачем у вас тут common.js, ведь вы его потом в .html отдельно подключаете. Либо оставьте тут и уберите из .html, либо уберите отсюда и оставьте только в .html

А у вас рядом с .html файлом есть директория slick, в которой лежит slick.css и slick.js? Тогда какой смысл установки через npm и конкатенации всего этого в libs.js? (:

Должно быть:

ну и стили соответственно нужно тоже отдельно подтянуть из node_modules и конкатенировать в какой-нибудь libs.css.

Почитать можно Gulp for Beginners, а потом посмотреть вот этот скринкаст и постараться понять как можно больше

Источник