NIVO SLIDER - плагін Слайдшоу
Ще один простенький плагін з 16 варіантами всіляких ефектів. Тестувався на Internet Explorer v7 +, Firefox v3 +, Google Chrome v4 +, Safari v4 +, Opera v10 +
У шапці підключаємо CSS, jQuery і сам плагін:
Зверніть увагу, що тільки в DIV slider можуть знаходиться тільки зображення, або зображення-посилання. Будь-які інші теги зламають слайдер.
Щоб додати опис до зображення потрібно просто додати до нього атрибут title = "Текст опису".
Щоб додати html опис до зображення, потрібно встановити для нього атрибут title = "# htmlcaption" (ідентифікатор може бути будь-який, але обов'язково перед ним повинен бути символ "#") і створити новий DIV з id = "# htmlcaption" (з тим же ідентифікатором, який заданий в title) і класом class = "nivo-html-caption". Усередині цього DIV поміщаємо оформлене з використанням html тегів опис картинки. Даний DIV повинен знаходиться за межами DIV slider.
j # 097; vascript
І нам потрібно викликати наш плагін:
Nivo slider має безліч варіантів різних ефектів. Ось приклад використання всіх можливостей з встановленим за замовчуванням значеннями:
Наступні ефекти можуть бути використані:
- sliceDown
- sliceDownLeft
- sliceUp
- sliceUpLeft
- sliceUpDown
- sliceUpDownLeft
- fold
- fade
- random
- slideInRight
- slideInLeft
- boxRandom
- boxRain
- boxRainReverse
- boxRainGrow
- boxRainGrowReverse
Завантажити исходник:
Завантажити файл: nivo_slider.rar [216,81 Kb] (cкачиваний: 15)