Замечательный, простой, но очень мощный плагин слайдера, который поддерживает кучу настроек, адаптивен и позволяет крутить в слайдере всё, что душа пожелает.
Для начала посмотрите ДЕМО
Установка:
1: На нужных страницах между ‹head› и ‹/head› вставьте:
Код
<link rel='stylesheet' href='/css/slick.css'>
<link rel='stylesheet' href='/css/slick-theme.css'>
2: В то место, где должен быть слайдер, вставьте:
Код
<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>
Все опции, методы, примеры и события вы найдёте на Официальном сайте плагина
Осталось лишь залить все папки из прикреплённого архива в корень вашего сайта
Автор материала: Apocalypse