Может кто помочь с slick.js?

Question

[Максим]

Всем привет. Попробовал прикрутить slick-слайдер, ничего не получилось, ну, думал, что со слайдером что-то не так, попробовал owl-carousel, тоже ничего не вышло. Понял, что не умею настраивать слайдеры, даже с документацией.... JS знаю только поверхностно. Может кто помочь?

Вот куски кода:
codepen.io/SilencerWeb/pen/OpvaQP?editors=1100

Вот, что должно получиться(вдруг нужно):
prntscr.com/en09go

Заранее благодарю!

Comments

[Ankhena]

Похоже, забыли подключить slick-theme.css

Answer 1

[Егор Живагин]

На, настроил
На codepen все плагины подключаются в настройках, можешь посмотреть

Полоски лучше делать отдельными слайдами. Стрелки стилизуй в css как угодно (примеры задания своих стрелок можно смотреть в документации слайдера в самом низу - prevArrow, nextArrow) .

Comments

[Максим]

Спасибо большое! А можно сделать, чтобы показывало все 3 слайда сразу?

[Егор Живагин]

Максим: обновил codepen.io/anon/pen/MpVZKG
Просто теперь слик стартует со второго слайда

[Максим]

Егор Живагин: Спасибо, но я вставил себе на страницу и там отображется лишь по 1 слайду. Можно это как-то исправить? silencer.website/mdis/index.html

[Егор Живагин]

Максим: там опечатка у меня
Не slideToShow
А slidesToShow

и так же с ToScroll

[Максим]

Егор Живагин: Прошу прощение, что надоедаю, но все равно не работает :с теперь вообще скрылись стрелки и слайдер перестал менять слайды вообще. silencer.website/mdis/index.html

[Егор Живагин]

Максим: поставь slidesToShow: 1,
Дело в том, что слайдер видит, что всего 3 слайда. И показывать надо 3. "Значит я не буду их крутить"

Answer 2

[Андрей]

Урок на YouTube