Замечательный, простой, но очень мощный плагин слайдера, который поддерживает кучу настроек, адаптивен и позволяет крутить в слайдере всё, что душа пожелает
Для начала посмотрите
ДЕМО
Моё тестирование в редакторе:
КЛИК
Установка:
1#: На нужных страницах между head и /head вставьте:
|
<link rel='stylesheet' href='/css/slick.css'> <link rel='stylesheet' href='/css/slick-theme.css'> |
2#: В то место, где должен быть слайдер, вставьте:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
|
<div class="slider single-item"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </div> <script src='/js/slick.min.js'></script> <script> $('.slider').slick({ infinite: true, // Бесконечная прокрутка dots: true, // Навигация slidesToShow: 3, // Сколько слайдов показывать centerMode: true // режим центрирования }); </script> |
Все опции, методы, примеры и события вы найдёте на
Официальном сайте плагина
Осталось лишь залить все папки из прикреплённого архива в корень вашего сайта
Автор публикации
12
Я не понял вашего вопроса, но постараюсь на него ответить...
Комментарии: 393Публикации: 1096Регистрация: 27-08-2018