0
0

Сделала все как в уроке по созданию слайдера с помощью slick. В адаптиве по уроку у нас получились внизу точки (dots) с кнопками прокрутки вертикальные, квадратные и не меняется стиль активной точки (то есть так как показано в самом slick, у нас в уроке не получилось, почему-то автор видео-урока оставил все так как вышло) https://kenwheeler.github.io/slick/ когда прокручиваешь карусель цвет активной точки под картинкой меняются в соответствии с номером картинки, я хочу сделать так же. Как я могу это сделать? 

Код у меня как в уроке, повторюсь, что в самом уроке у автора получилось так же как у меня.Вопрос как сделать чтобы dots выглядели и вели себя как на https://kenwheeler.github.io/slick/. (файлы подключала точь-в-точь как в уроке)


Ибрагимова Анастасия...
10 months ago






Добрый день. Если я правильно понял, то вы в адаптированной версии просто хотите оставить точки и убрать кнопки.

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

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

Сначала находим их в верстке. У них на сайте это селектор .slick-dots li button

Смотрим на стили, которые там применены и копируем себе в проект селектор + стили.

Чтобы разобраться с активной точкой, достаточно увидеть, что у неё появляется класс slick-active Именно он и отвечает за стили активной точки. Берем этот класс и добавляем желаемые стили к нему.

Иван Петриченко
10 months ago

Один ответ