Избранные jQuery галереи и слайдеры

Май, 21st 2013
Рубрика: Web-мастеринг
Подписаться на комментарии по RSS

Современные сайты, за редким исключением, не обходятся без какого нибудь слайдера или ротатора изображений. Это реально оживляет картинку и радует глаз, ведь встречают, как известно, по одежке.

Представляю собственную подборку наиболее интересных, оригинальных и эффектных, на мой взгляд, слайдеров на jQuery. Основное отличие от других подобных обзоров - практическая направленность, слайдеры и галереи, которые либо уже использовал в своих проектах, либо собираюсь использовать в будущем, а не просто собранные для массовости, абы какие скрипты. Заодно почищу закладки в браузере - будут храниться в блоге.


TN3 Gallery

jQuery галерея и слайд-шоу. TN3 Gallery

Оф.Сайт | Demo

TN3 Gallery полноценная галерея изображений на jQuery. Альбомы изображений можно настроить в нескольких вариантах оформления, имеется слайд-шоу с различными эффектами переходов. Совместима со всеми современными настольными и мобильными браузерами.


Minimalistic Slideshow Gallery with jQuery

jQuery галерея. Minimalistic Slideshow Gallery with jQuery

Оф.Сайт | Demo

Minimalistic Slideshow Gallery с jQuery простая, красивая и довольно оригинальная галерея со слайд-шоу и возможностью ручного управления показа. Позволяет выбирать изображений из выпадающего блока с сеткой миниатюр. Легко интегрируется в любой движок сайта.


Фоторама

Фоторама. Полноэкранная и функциональная галерея для сайта.

Demo

Фоторама - приятная глазу fullscreen галерея, с интуитивно понятными элементами управления и кучей настроек, которая может заменить собой портфолио фотографу. Вообще довольно функциональный и продуманный скрипт, потому назвать его простой галереей или слайдшоу нельзя. Корректно отбражается на iPhone и iPad и имеет модуль для WordPress (для многих это очень актуально).

Фоторама - платный продукт. Лицензия стоит 33$ для одного домена. Для личных сайтов и сайтов некоммерческих организаций Фоторама чаще всего предоставляется бесплатно. Однако окончательно решение принимает автор.


AGILE carousel

Agile carusel. Слайдер jQuery на все случаи жизни.

Demo

AGILE carousel - в составе этого слайдера найдется настройка, пожалуй, под любой сайт. Поддерживает все популярные виды прокрутки изображений, так называемых "каруселей". Демонстрационные примеры, для удобства, представлены на одной странице. Слайдер лучше всего подходит для создания презентационных меню на сайте.


Skitter

Skitter. Красивый и легкий слайдер jQuery

Demo

Skitter — очень красивый и шустрый jQuery скрипт, и скажу честно, один из моих любимых. Позволяет преобразовать неупорядоченные списки в слайд-шоу с привлекательными эффектами анимации. Очень гибкая настройка в интерактивном режиме прямо на сайте. Список слайдов можно отобразить с помощью чисел, эскизов или кнопок «Предыдущая» «Следующая».

Одним из основных достоинств является разнообразие типов анимации.


Slideshowify

Slideshowify. Полноэкранное слайд-шоу jQuery

Demo

Slideshowify - полноэкранное слайд-шоу на jQuery, очень простое в настройке и использовании. Создает слайд-шоу из изображений с эффектом Кена Бернса - изображения, которые целиком не помещаются на экран, выводятся с постепенным масштабированием и случайно определенном направлении. Смотрится весьма эффектно и придает объем фотографиям.


simpleSlide

simpleSlide. Самый легкий слайдер jQuery

Demo

simpleSlide - без сомнения самый маленький и легкий слайдер в сегодняшнем обзоре (15Kb в обычном или 6Kb в режиме оптимизированного кода). При этом, он способен прокручивать не только картинки, но и текст. Так же, как и предыдуший скрипт, довольно прост в настройке. Стоит присмотреться для использования в высоконагруженных проектах.


FullscreenSlideshowAudio

FullscreenSlideshowAudio. Полноэкранное слайд-шоу на HTML5 и jQuery

Оф.Сайт | Demo

FULLSCREEN SLIDESHOW WITH HTML5 AUDIO AND JQUERY - полноэкранный режим слайд-шоу с HTML5, jQuery и аудио. Для создания слайд-шоу и отображения рисунков в полноэкранном режиме, разработчики использовали Vegas jQuery плагин. Привлекает наличие аудио элементов HTML5 и стиль исполнения переходов между изображениями. На основе этого скрипта можно создать не большой и эффектный сайт-портфолио.


SIMPLEST JQUERY SLIDESHOW

SIMPLEST JQUERY SLIDESHOW. Слайдер jQuery для минималистов

Оф.Сайт | Demo

В завершении темы, слайдер для истинных минималистов. Даже картинки делать не буду, потому как нечего тут делать - элементами управления напрочь отсутствуют. Слайдер умеет лишь автоматически показывать изображения с fade-эффектом (плавное затухание). Возможно, именно своим минимализмом, он и заслужит ваше внимание.


Дополнительные jQuery слайд-шоу

Если вы считаете статью полезной,
не ленитесь ставить лайки и делиться с друзьями.

comments powered by HyperComments
Без регистрации
ваш комментарий будет опубликован после проверки
Регистрация на сайте

На указанный адрес будет отправлено письмо с кодом активации. Вы можете настроить собственный профиль и стать активным участником или автором.