JQuery-слайдери зображень: приклади

PaW Carousel

Повноекранний jQuery слайдер важить всього 6 кілобайт, присутня можливість підключати кілька каруселей на одній сторінці. PaW відображається на різних екранах, при цьому є можливість обрізати елементи при досягненні певних розмірів екрану. Підтримується вставка не тільки зображення, але і відео. Працює у всіх популярних браузерах, підтримується Internet Explorer 7+.

Для активації необхідно підключити всі файли, включаючи стилі, і викликати:

$(function(){
$(‘.paw-carousel’).Ти(args);
// If you want to add another carousel page on the same
$(‘.paw-carousel-2’).pawCarousel();
});

Цікаве:  Створюємо біжучий рядок HTML

В аргументах методу pawCarousel вказуються значення:

  • pawCarousel – ім’я кожного елемента каруселі, за замовчуванням – paw-carousel-item;
  • carouselNavItemCls – імена елементів пагинации, за замовчуванням – paw-carousel-nav-item;
  • activeCls відповідає за відображення пагинации на сторінці, спочатку є active;
  • з допомогою animSpeed встановлюється швидкість перемикання слайдів.

Обгортки плагіна мають класи paw-carousel-wrap > paw-carousel > paw-carousel-items-wrap, а кожний елемент – paw-carousel-items. Стрілки позначаються як paw-carousel-prev і paw-carousel-next, а блок пагинации – nav.paw-carousel-thumbs > ul > paw-carousel-nav-item.