Галереї зображень та слайдери – одні з найпопулярніших форматів jQuery. Завдяки їм ви можете додати на сайт необхідний обсяг візуального контенту, заощаджуючи при цьому цінне місце.

Галереї та слайдери роблять сторінку менш завантаженою, але все ж таки дозволяють додати всі зображення, необхідні для передачі послання. Особливо корисні вони будуть для інтернет-магазинів.

У сьогоднішній статті ми зібрали для вас найкращі галереї зображень та слайдери jQuery.

Для їх встановлення достатньо додати вибрані плагіни до розділу head HTML сторінкиразом з бібліотекою jQuery і налаштувати їх згідно з документацією (всього пара рядків коду).

Вибирайте, який із цих елементів ідеально впишеться у ваш проект.

1. Bootstrap Slider

Bootstrap Slider – безкоштовний, оптимізований під мобільні пристрої слайдер зображень з прокручуванням дотиком та скиданням. Він буде дивовижно виглядати на будь-якому екрані і в будь-якому браузері. Ви можете завантажити у слайдери зображення, відео, текст, мініатюри та кнопки.

2. Product Preview Slider

Product Preview Slider втілює весь потенціал jQuery, він відмінно вбудовується в будь-який інтерфейс. Також вас порадує якість та чистота коду цього плагіна.

3. Expandable Image Gallery

Expandable Image Gallery – приголомшливий плагін, який одним кліком мишки перетворюється на повноекранну галерею. Його можна використовувати для розділу "Про нас" або для перегляду інформації про товари.

4. Fotorama

Fotorama – плагін чуйної галереї jQuery, який працює як для робочого столу, так і для робочого столу. мобільних браузерів. Він пропонує безліч опцій навігації: мініатюри, прокручування, кнопки "вперед" та "назад", автоматичний показ слайд-шоу та маркери.

5. Immersive Slider

Immersive Slider дозволяє створити унікальний досвід перегляду слайдів, схожий на слайдер Google TV. Ви можете змінити фонове зображення, яке буде розмите, щоб зберегти фокус на основних фото.

6. Leastjs

Leastjs – чуйний jQueryплагін, який допоможе вам створити приголомшливу галерею. При наведенні курсору на зображення з'являється текст, при натисканні вікно розгортається на весь екран.

7. Sliding Panels Template

Цей плагін ідеально підійде для портфоліо. Він створить блоки зображень, що розташовуються горизонтально (вертикально на невеликих екранах), яких буде прив'язаний вибраний контент.

8. Squeezebox Portfolio Template

Squeezebox Portfolio Template пропонує motion-ефекти для портфоліо. Під час наведення курсору на основне зображення (або блок) з'являються прив'язані елементи.

9. Shuffle Images

Shuffle Images – приголомшливий чуйний плагін, який дозволить вам створити галерею з зображеннями, що змінюються при наведенні курсору.

10. Free jQuery Lightbox Plugin

Free jQuery Lightbox Plugin допоможе вам показати одне або кілька зображень на сторінці. Також їх можна буде збільшити та повернути до вихідного розміру.

11. PgwSlider – Responsive slider for jQuery

PgwSlider – мінімальний слайдер зображень. jQuery код важить небагато, тому швидкість завантаження цього плагіна вас приємно здивує.

12. Scattered Polaroids Gallery

Scattered Polaroids Gallery – чудовий слайдер, виконаний у плоскому дизайні. Його елементи хаотично рухаються при перемиканні зображень, що виглядає приголомшливо.

13. Bouncy Content Filter

Bouncy Content Filter – ідеальне рішеннядля та портфоліо. Цей плагін дозволяє користувачам швидко переходити з однієї категорії до іншої.

14. Simple jQuery Slider

Simple jQuery Slider виправдовує свою назву. Цей плагін поєднує в собі елементи JavaScript, HTML5 та CSS3. У демо за замовчуванням доступне лише завантаження тексту, але якщо внести кілька змін, можна буде додати візуальний контент.

15. Glide JS

Glide JS – простий, швидкий та чуйний jQuery слайдер. Його легко налаштувати, до того ж, плагін не займе багато місця.

16. Fullscreen drag-slider with parallax

Цей приголомшливий jQuery слайдер із можливістю завантаження зображень та тексту підійде для будь-якого сайту. Він порадує користувачів легким parallax ефектом та повільною появою тексту.

Галерея зображень у вигляді слайдера . Коли я починав готувати матеріал для цієї добірки, думав, що якісного матеріалу буде просто дві нескінченності, оскільки тема галерей зображеньстара як світ і дуже затребувана. Моєму подиву не було межі, коли з кожною знову відкритою демкою надійно знайти щось пристойне танула на очах. У зв'язку з цим добірка вийшла не велика, але, на мою думку, з досить цікавими екземплярами. Серед них є як адаптивні галереї зображеньтак і галереї.
До речі, у попередньому топіку я робив добірку плагінів галерей для WordPress, так що якщо у вас є сайт на WordPress думаю вона вам буде вкрай цікава.

1. Unite Gallery

2. Responsive Image Gallery with Thumbnail Carousel

4. Full Page Image Gallery with jQuery

5. Slider Gallery With jQuery

6. Galleria

Листопад 4, 2019 Запис було оновлено

Юрій Німець

Слайдери на чистому CSS+ бонусний слайдер

Слайдери CSS мають деяку перевагу перед слайдерами на Javascript. Однією з таких переваг є швидкість завантаження. Мало того, що зображення для слайдерів використовуються великих розмірів (якщо немає оптимізації під різні екрани), так ще й на завантаження скриптів витрачається деякий час. Але у статті Ви побачите лише слайдери на чистому CSS.

Ось що я знайшов на сайті на тему слайдерів:

1. CSS3 слайдер зображень

Слайдер CSS, який використовує для навігації по слайдах радіокнопки. Ці радіокнопки знаходяться під слайдером. Крім радіокнопок навігація здійснюється за допомогою стрілок зліва і справа. Щоб стежити за тим, яке зображення зараз відображати, використовуються псевдокласи :checked .

2. CSS3 слайдер зображень із мініатюрами

На відміну від минулого слайдера CSS, тут замість радіокнопок внизу розташовані мініатюри всіх зображень, що також буває зручно при створенні галереї зображень. Зображення змінюються зі своєрідним ефектом: плавно зникають зі збільшенням.

3. Галерея на CSS

А ось цей слайдер на CSS відмінно підійде для сторінок, що продають. Як правило, багато веб-розробників при розробці лендингів (продають сторінок) розміщують слайдер на самому початку, щоб у першому екрані (без прокручування) відвідувач відразу бачив усі вигоди, які є для нього на цій сторінці. Крім того, цей слайдер є адаптивним, що також тішить.

4. Слайдер на CSS без посилань

Відразу хочу помітити, що цей слайдер не використовує посилань! За замовчуванням, крім головного зображення (слайда), видно ще 2 слайди. Вони розташовані за основним. Зміна слайдів відбувається в гарному режимі: спочатку розсуваються два слайди і в центрі стає той слайд, який потім стане головним. Потім слайд збільшується і поміщається попереду інших.

5. Адаптивний слайдер на CSS3

Ще один адаптивний слайдер, управління якого ґрунтується на радіокнопках. Щоб подивитися як цей слайдер буде виглядати на різних пристроївах — Ви можете або самостійно змінювати вікно браузера, або на сторінці зі слайдером є спеціальні іконки різних пристроїв, клацаючи на які Ви побачите буде виглядати слайдер на комп'ютері, планшеті або на смартфоні.

*** БОНУСНИЙ СЛАЙДЕР ***

Окрім усіх слайдерів, які представлені вище, я хочу порадувати Вас ще одним. Цей слайдер відмінно підходить для створення галереї зображень. Словами не поясниш те, що він робить, тому краще дивіться все на відео:

Висновок

За допомогою слайдерів можна красиво оформляти галереї зображень, розміщуючи їх компактніше, вставити слайдер в перший екран (частина сторінки, яку видно без прокручування) сторінки, що продає, щоб відразу показати відвідувачу головні вигоди, які він отримає. Можна знайти масу спосіб де і як можна застосувати слайдери, але одне зрозуміло точно - вони несуть користь при правильному використанні.

Пункти, що були розглянуті у статті.

Адаптивний, або якщо хочете, чуйний веб-дизайн зараз не просто черговий дизайнерський тренд, це вже стандарт розробки сайтів, що забезпечує універсальність веб-сайтів, гармонійне візуальне сприйняття на екранах різних пристроїв користувача. Ще зовсім недавно, при розробці адаптивного шаблону, мені доводилося стикатися з різними труднощами інтеграції тих чи інших слайдерів та галерей зображень, не порушуючи загальний дизайнерський стиль. Зараз все набагато простіше, в мережі існує величезна кількість готових рішень і що особливо тішить більшість з них у вільному доступі, з відкритим вихідним кодом.

Через різноманітність пропонованих інструментів, я склав невеликий огляд найбільш помітних розробок адаптивних jQuery слайдерів зображень, що з'явилися останнім часом і розповсюджуються без будь-яких обмежень, тобто. абсолютно безкоштовно.

WOW Slider

Адаптивний jQuery слайдер зображень з чудовим набором візуальних ефектів (повороти, вильоти, розмиття, спіралі, жалюзі тощо) та безліччю готових шаблонів. За допомогою вбудованого в WOW Slider майстра вставки на сторінку, ви зможете легко і невимушено створювати чудові слайд-шоу за лічені хвилини. На сайті розробника є вся необхідна документація з налаштування та використання плагіна Російською мовою, чудові живі приклади роботи плагіна. Також доступні для скачування окремий плагін Wordpressта модуль для Joomla. Упевнений, що багатьом сподобається цей чудовий слайдер, як новачкам, так і веб-майстрам, що набридли.

HiSlider

HiSlider - HTML5, Jquery слайдер і галерея зображень, абсолютно безкоштовний плагіндля особистого користування на сайтах під керуванням популярних систем - WordPress, Joomla, Drupal. За допомогою цього простого, але досить функціонального інструменту, ви зможете без особливих зусиль створювати на сторінках своїх сайтів, дивовижні та яскраві слайд-шоу, ефектні презентації та анонси нових повідомлень. Декілька готових шаблонів і скінів для слайдера, приголомшливі ефекти переходу (зміни) змісту, виведення різного мультимедійного контенту: , відео з YouTube та Vimeo, гнучкі налаштування користувачаі т.д...

Nivo Slider

Nivo Slider — старий-добрий, добре відомий всім, хто в темі, один із найкрасивіших і найпростіших у використанні слайдер зображень. Плагін JQuery Nivo Slider є безкоштовним для завантаження та подальшого використання, що поширюється під ліцензією MIT. Також є окремий плагін для WordPress, але на жаль вже платний і відвалити за нього доведеться 29 $ за одну ліцензію. Краще все ж таки трохи почаклувати з файлами теми WP і прикрутити вільну jQuery версію плагіна Nivo Slider до свого блогу, благо інформації як це зробити в мережі достатньо.
Щодо функціоналу, з цим все в повному порядку. Для роботи використовується бібліотека jQuery v1.7+, гарні ефекти переходів, прості та дуже гнучкі налаштування, адаптивний макет, автоматичне обрізання зображення та багато іншого.

Ідея слайдера була навіяна розробникам, добре відомим усім стилем вистави. продукції Apple, де кілька невеликих предметів змінюються по кліку на вибрану категорію з простим ефектом анімації. Codrops представляє у ваше розпорядження докладний урок створення цього слайдера, повний розклад Html-розмітки, набір правил CSS і плагін, що виконується jQuery, а також чудовий живий приклад використання слайдера.

Slit Slider

Повноекранний слайдер зображень на JQuery та CSS3 + докладний підручник з інтеграції плагіна на сторінки сайту. Ідея полягає в тому, щоб нарізати відкритий поточний слайд з певним контентом під час переходу до наступного або попереднього змісту. За допомогою JQuery та CSS анімаціїВи можете створювати унікальні переходи між слайдами. Адаптивний макет слайдера гарантує, що він однаково добре виглядатиме на екранах різних типахкористувальницьких пристроїв.

Elastic Content Slider

Слайдер змісту, який автоматично регулюється за шириною та висотою залежно від розмірів батьківського контейнера, в якому розташований. Досить простий у виконанні та гнучкий у налаштуваннях слайдер, що працює на JQuery, з навігацією в нижній частині, при зміні розміру екрана у бік зменшення, навігація виводиться у вигляді іконок. Дуже докладна документація (урок зі створення) та живі приклади використання.

3D Stack Slider

Експериментальний варіант слайдера демонструє зображення з переходами з площини 3D. Зображення розбиті на дві горизонтальні стоси, за допомогою стрілок навігації здійснюється зміна та перехід кожної наступної картинки у стан перегляду. Загалом нічого особливого, але сама ідея та техніка виконання досить цікаві.

Дуже простий, 100% адаптивний та повноекранний jQuery слайдер зображень. Робота слайдера заснована на CSS переходах (властивість transition) у зв'язці з магією jQuery. Значення max-width за замовчуванням встановлено на 100%, тому розмір картинок змінюватиметься залежно від змін розмірів екрана. Ніяких особливих анімаційних ефектів та вишукувань в оформленні, все просто, і заточено на безперебійну роботу.

Minimal Slides

Назва каже сама за себе, це мабуть один із найлегкіших і мінімалістичних jQuery слайдерів зображень, які мені зустрічалися (плагін в 1kb). ResponsiveSlides.js-маленький плагін JQuery, який створює слайд-шоу, використовуючи елементи всередині контейнера. Працює з широким діапазоном браузерів, включаючи всі версії IE - знаменитого гальма прогресу від IE6 і вище. У роботі використовуються CSS3 переходи у зв'язці з JavaScript, для надійності. Проста розмітка з використанням неупорядкованого списку, налаштування переходів та часових інтервалів, автоматичне та ручне керування перемиканням слайдів, а також підтримка одразу кількох слайд-шоу. Ось такий ось швидкий «малюк».

Camera

Camera безкоштовний JQueryплагін для організації слайд-шоу на сторінках сайтів, легкий слайдер з безліччю ефектів переходів, зі 100% адаптивним макетом, та дуже простими налаштуваннями. Чудово впишеться на екрани будь-яких пристроїв користувача (монітори ПК, планшети, смартфони і мобільні телефони). Можливість демонстрації вбудованого відео. Автоматична зміна слайдів та ручне керування за допомогою кнопок та блоку мініатюр зображень. Майже повноцінна галерея картинок у компактному виконанні.

bxSlider jQuery

Ще один досить простий адаптивний слайдер на jQuery. У слайдах можна розміщувати будь-який контент, відео, зображення, текст та інші елементи. Розширена підтримка сенсорних екранів. Використання CSS-анімації переходів. Багато різноманітних варіацій представлення слайд-шоу і компактних галерей зображень. Автоматичне та ручне управління. Перемикання слайдів за допомогою кнопок та вибору мініатюр. Невеликий розмір вихідного файлу, дуже простий у налаштуваннях та реалізації.

FlexSlider 2

FlexSlider 2 Оновлена ​​версіяоднойменного слайдера, з покращеною швидкістю реагування, мініфікацією скрипту, та зведенням до мінімуму перекомпонування/перемальовки. Плагін включає базовий слайдер, контроль управління слайдами за допомогою мініатюр, вбудованих стрілок вліво-вправо і нижньої панелі навігації у вигляді кнопок. Можливість виведення в слайдах відео (vimeo), гнучкі налаштування параметрів (переходи, оформлення, інтервал часу), повністю адаптивний макет.

Galleria

Добре відомий та досить популярний, адаптивний плагін jQuery для створення високоякісних галерей та слайдерів зображень. Інтерфейс слайдера, завдяки його панелі керування візуально нагадує звичний відеоплеєр, до складу плагіна входить кілька різних тем оформлення. Підтримка вбудованого відео та зображень із популярних сервісів: Flickr, Vimeo, YouTube та інших. Детальна документація з налаштування та використання.

Blueberry

Простий без наворотів безкоштовний JQuery слайдер зображень, написаний спеціально для адаптивного веб-дизайну. Blueberry є експериментальним JQuery плагіном з відкритим вихідним кодом. Мінімалістичний дизайн, ніяких ефектів, тільки плавно спливаючі картинки, що змінюють один одного через певний проміжок часу. Все дуже просто, поставив, підключив і вперед.

jQuery popeye 2.1

Дуже компактний jQuery слайдер зображень із елементами Lightbox. Завдяки своїм гнучким розмірам, дуже просто вбудовується в будь-який контейнер, в одиночний запис у вигляді мініатюр, при наведенні курсору миші або кліку на які активується лайтбокс зі збільшеною картинкою та елементами управління. Зручно розміщувати такий слайдер у бічних панелях, для представлення продуктів чи анонсів новин. Відмінне рішення для сайтів із великим обсягом інформації.

Sequence

Безкоштовний адаптивний слайдер із розширеними CSS3 переходами. Мінімалістичний стиль, 3 теми оформлення, Кожен кадр ковзає в горизонтальному напрямку, з'являючись в центрі, картинка йде вліво, підпис вправо, мініатюри дублюються в нижньому правому кутку. Розбиття на сторінки представлення продуктів для перегляду в кожному кадрі. Управління також включає кнопки назад і вперед. Підтримка всіма сучасними браузерами.

Swipe

Дуже простотецький слайдер картинок і за функціоналом і налаштуваннями, з налаштувань присутня зміна швидкості зміни слайдів, підключення ручного режиму (активуються кнопки управління), безперервний показ слайдів. Даний слайдер має право бути і мене він залучив лише тим, що він є, для себе нічого особливо цікавого в цій розробці не знайшов, може погано шукав)))

Responsive Image Slider

Прекрасний такий, адаптивний слайдер зображень від Володимира Кудінова співтовариші. Добротний, якісно опрацьований інструмент, надається з наочними прикладамиі докладною інструкцієюзі створення, встановлення та використання. Адаптивний дизайн, симпатичні кнопки та стрілочки зеленого кольору, все досить мило та спокійно, без натиску.

FractionSlider

Безкоштовний JQuery слайдер плагін з ефектом паралаксу для зображень та текст-слайдів. Анімація слайдів має кілька значень показу з повним контролем у кожному параметрі часу та анімації. Можливість анімації відразу кількох елементів на слайді. Ви можете встановити різні методи анімації, зникнення слайдів або переходи з певного напрямку. Автоматичний показ і ручне керування за допомогою стрілок навігації, що спливають при наведенні на картинку. 10 видів ефектів анімації появи слайдів та багато іншого.

Огляд вийшов досить великим, але недостатньо інформативним через велику кількість продуктів, що розглядаються. Всі подробиці та детальні описи функціональних можливостейтого чи іншого плагіна, ви зможете дізнатися безпосередньо на сторінках розробників. Мені ж залишається сподіватися, що комусь та й полегшив пошуки того найпотрібнішого інструменту, для створення яскравих слайдерів картинок на сторінках своїх сайтів.

Коли замислювалися над тим, щоб було б непогано мати можливість працювати з русифікованими шаблонами? Просто подумайте на хвилинку. Жодної витрати часу на роботу з англомовними шаблонами. Поспішаємо вас порадувати тим, що на маркетплейс TemplateMonster тепер можна знайти . Текст для кожного з них було написано вручну. І, звичайно, всі готові рішення неймовірно прості у використанні.

З повагою Андрій

1. Чудове jQuery слайд-шоу

Велике ефектне слайд-шоу із використанням jQuery технологій.

2. jQuery плагін "Scale Carousel"

Масштабоване слайд-шоу за допомогою jQuery. Ви зможете встановити розміри для слайд-шоу, які вам найбільше підходять.

3. jQuery плагін "slideJS"

Слайдер зображень із текстовим описом.

4. Плагін "JSliderNews"

5. CSS3 jQuery слайдер

Під час наведення курсору на стрілки навігації з'являється кругла мініатюра наступного слайда.

6. Симпатичний jQuery слайдер «Presentation Cycle»

jQuery слайдер з індикатором завантаження зображень. Передбачено автоматичну зміну слайдів.

7. jQuery плагін «Parallax Slider»

Слайдер з об'ємним ефектом фону. Родзинка цього слайдера рух фону, який складається з декількох шарів, кожен з яких прокручується з різною швидкістю. У результаті виходить імітація об'ємного ефекту. Виглядає дуже красиво, ви можете самі переконатися в цьому. Більш плавно ефект відображається в таких браузерах як Opera, Google Chrome, IE.

8. Свіжий, легкий jQuery слайдер "bxSlider 3.0"

На демонстраційній сторінці у розділі «examples» ви зможете знайти посилання на все можливі варіантивикористання цього плагіна.

9. jQuery слайдер зображень, плагін "slideJS"

Стильний jQuery слайдер, безумовно, зможе прикрасити ваш проект.

10. jQuery плагін слайд-шоу «Easy Slides» v1.1

Простий у використанні JQuery плагін для створення слайд-шоу.

11. Плагін «jQuery Slidy»

Легкий jQuery плагін у різному виконанні. Передбачено автоматичну зміну слайдів.

12. jQuery CSS галерея з автоматичною зміною слайдів

Якщо відвідувач протягом певного часу не натисне на стрілки "Вперед" або "Назад", то галерея почне прокручуватися автоматично.

13. jQuery слайдер "Nivo Slider"

Дуже професійний якісний легкий плагін із валідним кодом. Передбачено багато різних ефектів зміни слайдів.

14. jQuery слайдер "MobilySlider"

Свіжий слайдер. jQuery слайдер з різними ефектами зміни зображень.

15. jQuery Плагін «Slider²»

Легкий слайдер із автоматичною зміною слайдів.

16. Свіжий javascript слайдер

Слайдер із автоматичною зміною зображень.

Плагін для реалізації слайд-шоу із автоматичною зміною слайдів. Можна управляти показом за допомогою мініатюр зображень.

jQuery CSSслайдер зображень за допомогою плагіна NivoSlider .

19. jQuery слайдер «jShowOff»

Плагін для ротації вмісту. Три варіанти використання: без навігації (з автоматичною зміною у форматі слайд-шоу), навігацією у вигляді кнопок, навігацією у вигляді мініатюр зображень.

20. Плагін "Shutter Effect Portfolio"

Свіжий jQuery плагін для оформлення портфоліо фотографа. У галереї реалізовано цікавий ефект зміни зображень. Фотографії змінюють одна одну з ефектом, схожим на роботу затвора об'єктива.

21. Легкий javascript CSS слайдер "TinySlider 2"

Реалізація слайдера зображень за допомогою javascript і CSS.

22. Неймовірний слайдер «Tinycircleslider»

Стильний круглий слайдер. Перехід між зображеннями здійснюється за допомогою перетягування по колу повзунка у вигляді червоного кола. Відмінно впишеться у ваш сайт, якщо ви використовуєте в дизайні круглі елементи.

23. Слайдер зображень на jQuery

Легкий слайдер "Slider Kit". Слайдер представлений у різному виконанні: вертикальний та горизонтальний. Також реалізовано різні видинавігації між зображеннями: за допомогою кнопок "Вперед" та "Назад", за допомогою колеса миші, за допомогою кліка миші по слайду.

24. Галерея з мініатюрами "Slider Kit"

Галерея "Slider Kit". Прокручування мініатюр здійснюється як у вертикальному, так і горизонтальному напрямку. Перехід між зображеннями здійснюється за допомогою: колеса миші, натискання миші або наведення курсору на мініатюру.

25. jQuery слайдер вмісту "Slider Kit"

Вертикальний та горизонтальний слайдер контенту на jQuery.

26. jQuery слайд-шоу "Slider Kit"

Слайд-шоу з автоматичною зміною слайдів.

27. Легкий професійний javascript CSS3 слайдер

Акуратний слайдер на jQuery та CSS3, створений у 2011 році.

jQuery слайд-шоу з мініатюрами.

29. Просте jQuery слайд-шоу

Слайд-шоу з навігаційними кнопками.

30. Неймовірне слайд-шоу jQuery «Skitter»

jQuery плагін "Skitter" для створення приголомшливого слайд-шоу. Плагін підтримує 22 (!) види різних анімаційних ефектів при зміні зображень. Може працювати з двома варіантами навігації за слайдами: за допомогою номерів слайдів та за допомогою мініатюр. Обов'язково подивіться демонстрацію, дуже якісна знахідка. Технології, що використовуються: CSS, HTML, jQuery, PHP.

31. Слайд-шоу "Awkward"

Функціональне показ слайдів. У вигляді слайдів можуть виступати: прості зображення, зображення з підписами, зображення з підказками, відео-ролики. Для навігації можна використовувати стрілки, посилання на номери слайдів та клавіші праворуч/ліворуч на клавіатурі. Слайд-шоу виконано у кількох варіантах: з мініатюрами та без них. Для перегляду всіх варіантів пройдіть посилання Demo #1 - Demo #6 розташованим зверху на демонстраційній сторінці.

Дуже оригінальне оформлення слайдера зображень, що нагадує віяло. Анімована зміна слайдів. Навігація між зображеннями здійснюється за допомогою стрілок. Передбачено також автоматичну зміну, яку можна вмикати та вимикати за допомогою кнопки Play/Pause, розташованої зверху.

Анімований jQuery слайдер. Фонові зображення автоматично масштабуються при зміні розміру вікна браузера. Для кожного зображення випливає блок із описом.

34. "Flux Slider" слайдер на jQuery та CSS3

Новий jQuery слайдер. Декілька класних анімованих ефектів при зміні слайдів.

35. jQuery плагін «jSwitch»

Анімована галерея jQuery.

Легке слайд-шоу на jQuery з автоматичною зміною слайдів.

37. Нова версія плагіна "SlideDeck 1.2.2"

Професійний слайдер контенту. Можливі варіанти автоматичної зміни слайдо, а також варіант з використанням колеса миші для переходу між слайдами.

38. jQuery слайдер «Sudo Slider»

Легкий сладер зображення на jQuery. Дуже багато варіантів реалізації: горизонтальна та вертикальна зміна зображень, з посиланнями на номер слайда і без них, з підписами зображень та без, різні ефекти зміни зображень. Є функція автоматичної змінислайдів. Посилання на приклади реалізації можна знайти на демонстраційній сторінці .

39. jQuery CSS3 слайд-шоу

Слайд-шоу із мініатюрами підтримує режим автоматичної зміни слайдів.

40. jQuery слайдер «Flux Slider»

Слайдер з безліччю ефектів зміни зображень.

41. Простий jQuery слайдер

Стильний слайдер зображень на jQuery.