Главная » jQuery » Новая подборка из 25 фото - галерей и слайдеров на jQuery

Новая подборка из 25 фото — галерей и слайдеров на jQuery

Новая подборка из 25 фото — галерей и слайдеров на jQuery

Здравствуйте всем!
Совсем не давно я выкладывал не большую подборку из пяти фото-галерей и слайдеров на jQuery. Это как вы понимаете минимум от того, что создано и реализовано на данный момент. Не берусь сказать сколько существует галерей, слайдеров и фотоальбомов, различных форм и способов исполнения, думается мне, что очень и очень много, так как каждый веб-разработчик, веб-дизайнер нет — нет да и обращается к этой теме. Пытливые умы не дают рукам покоя, находя все новые и новые решения.
Узрев у читателей повышенный интерес к этой теме, мне хотелось бы сосредоточить ваше внимание на новых и интереснейших техниках построения галерей изображений с помощью , а так же других javascript слайдер-плагинов. Давайте вместе с вами, уважаемые читатели, посмотрим и заценим более полную подборку из 25 различных фото-галерей и слайдеров. В обзоре показаны примеры работы и особенности функциональности галерей, а так же описание исполнения на сайтах разработчиков.

И так, смотрим, выбираем и используем понравившиеся на своих проектах:
 

Galleriffic

Оф.Сайт | Demo
 
Галерея для сайта
 
Galleriffic является JQuery плагином, который оптимизирован для обработки больших объемов фотографий при сохранении пропускной способности.
 


 

TN3 Gallery

Оф.Сайт | Demo
 
Галерея для сайта
 

TN3 полноценная настраиваемая галерея изображений с jQuery слайд шоу, с переходами и несколькими вариантами альбома. Совместима со всеми современными настольными и мобильными браузерами. Работает на JQuery.

 


 

GalleryView

Оф.Сайт | Demo
 
Галерея GalleryView
 


 

Pretty Photo

Оф.Сайт | Demo
 
JQuery клон лайтбокс
 
Pretty Photo является JQuery клоном лайтбокс. Он не только поддерживает изображения, но и видео, флэш, YouTube, фреймы и Ajax. Это полномасштабный лайтбокс медиа.
 


 

LoopedSlider

Оф.Сайт | Demo
 
Слайд-шоу для сайта
 
LoopedSlider это слайд-шоу плагин JQuery, который с виду очень простой, но в то же время упакован полезным набором функций, которые помогут начинающим и опытным разработчикам, при создании элегантного, и удобного слайд-шоу.
 


 

PhotoNav Showcase

Оф.Сайт | Demo
 
Панорамный просмотр изображений
 
PhotoNav Showcase это не галерея и не слайдер, это специальный Javascrip для панорамного просмотра изображений с возможностью прокрутки по горизонтали. Иногда бывает очень даже полезным иметь возможность просмотра больших изображений с помощью панорамной прокрутки.
 


 

iPhote-like Image Resizing

Оф.Сайт | Demo
 
Масштабирование изображений
 
iPhote-like Image Resizing из названия видно, что это ничто иное, как масштабирование изображений не посредственно в браузере, с помощью javascript.
 


 

Cover Flow Image Gallery

Оф.Сайт | Demo
 
Галерея изображений на ajax
 
Cover Flow Image Gallery интереснейшая галерея изображений с элементами слайд-шоу с использованием AJAX.
 


 

qGallery

Оф.Сайт | Demo
 
Галерея для сайта
 
qGallery является простым в использовании прототипом на основе скрипта . Вся обработка изображений производится с помощью скрипта, поэтому вам не придется беспокоиться о загрузке изображений на сервер. Все изображения для полномасштабного просмотра создаются на лету и хранятся в кэше каталога на сервере, чтобы сохранить мощность обработки на сервере.
 


 

Image Flow

Оф.Сайт | Demo
 
Галерея для сайта
 
Image Flow — в галерее использована технология Cover Flow Apple, знатоки Safari поймут и заценят. JavaScript создаетт эффект Cover Flow без каких-либо заметных дефектов. Навигация с помощью клавиатуры (клавиши со стрелками), мышью прокруткой и поддерживается перетаскивание изображений. Красивая и мощная панорама, очень здорово для использования, тем кому оно конечно надо.
 


 

Thickbox Prototype

Оф.Сайт | Demo
 
Галерея для сайта
 
Thickbox Prototype это прототип VisualLightBox, который является свободным программным обеспечением, он поможет вам легко создавать свои фотоальбомы, веб-галереи для веб-сайтов в стиле лайтбокс. Наложение эффекта происходит в несколько кликов, без написания не единой строчки кода. Для редактирования изображений, не используется JavaScript, HTML кодирование или CSS, просто нажмите кнопку, чтобы получить веб-фотогалерею в готовом виде, так утверждают авторы программы.
 


 

Smooth Gallery

Оф.Сайт | Demo
 
Галерея с элементами слайдера
 
Smooth Gallery по исполнению и функционалу, это больше слайдер с управлением в ручном режиме, с возможностью вывода заголовков и анонсов статей.
 


 

Imago Ajax Image Gallery

Оф.Сайт | Demo
 
Ajax Галерея изображений для сайта
 
Imago Ajax Image Gallery еще одна замечательная галерея для изображений выполненная с помощью Javascript и CSS. Смело можете просматривать и делиться своими фотографиями на Flickr, SmugMug или на вашем собственном сайте, Imago обработает и покажет их в лучшем виде.
 


 

 

E2 Photo Gallery

Оф.Сайт | Demo
 
Фото Галерея
 
E2 Photo Gallery фотогалерея построенная на компактной Mootools Javascript библиотеке, разработанная так, чтобы вы имели возможность загружать свои фотографии в нужную папку. Просто указываете E2 Photo Gallery необходимую папку, и она будет автоматически загружать изображения с помощью PHP.
 


 

mooCircle

Оф.Сайт | Demo
 
Листалка изображений
 
mooCircle своеобразная «листалка» изображений, с управлением в ручном режиме, выполненная с оригинальным эффектом смены картинок.
 


 

mooFlow

Оф.Сайт | Demo
 
Галерея для сайта
 
mooFlow фотогалерея с использованием JavaScript-фреймворк MooTools. Думаю любителям динамики и элементов анимации, понравится метод демонстрации изображений применяемый в этой галерее.
 


 

Slideshow 2

Оф.Сайт | Demo
 
Слайд-шоу картинок
 
Slideshow 2 новая версия слайд — шоу для анимационного представления изображений на ваших сайтах, все выполнено очень просто, надежно и со вкусом.
 


 

AD Gallery

Оф.Сайт | Demo
 
Галерея для сайта
 


 

miniShowcase

Оф.Сайт | Demo
 
Галерея для сайта
 
miniShowcase это небольшая и простая PHP / JavaScript онлайн фото-галерея, на базе AJAX, которая позволяет легко показать ваши изображения в сети, без сложных баз данных или кодирования.

 


 

Spacegallery

Оф.Сайт | Demo
 
Галерея для сайта
 


 

Spry Photo Gallery

Оф.Сайт | Demo
 
Фото галерея для сайта
 
Spry Photo Gallery отличная фото галерея, имеющая различные методы исполнения и способы вывода изображений.
 


 

Sliding Boxes

Оф.Сайт | Demo
 
Раздвижные картинки и подписи к ним

 
Sliding Boxes представление изображений выполнено по принципу скользящей или раздвижной анимации окна с картинкой, с выводом подписи к изображению и краткого анонса статьи.
 


 

Скроллер изображений (Image Scroller)

Оф.Сайт | Demo
 
Скроллер изображений
 
Image Scroller — из названия плагина видно, что это простой автоматический ротатор (скроллер) изображений, в котором используются отличные возможности JQuery анимации.
 


 

Photo Gallery

Оф.Сайт | Demo
 
Фото Галерея для сайта
 


 

Слайд-шоу изображений с полупрозрачными подписями

Оф.Сайт | Demo
 
Слайд-шоу изображений
 


 
На этом пожалуй и остановимся. Мы рассмотрели большую подборку из различных галерей изображений, какие из них лучше или хуже, это решать только вам уважаемые читатели. Хочу напомнить еще раз, что методы создания галерей или слайдеров изображений не ограничиваются этим обзором, технологии не стоят на месте, дизайнеры и веб-разработчики разных мастей работают, создают что то новое и интересное. Надеюсь, что разводил писанину не зря и кому нибудь пригодятся мои выкладки по этой интереснейшей теме.

Удачи и всех благ.

Обзор составлен по материалам Кевина Лью, за что ему отдельное спасибо.

С Уважением, Андрей .

Буду всем признателен, если поддержите проект — добавив блог в исключения AdBlock и поделитесь ссылкой на запись в своих соц-сетях:

Google Bookmarks News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !

16 комментариев
  1. Отличная подборка, нашел всё необходимое

    Ответить
  2. Извиняюсь, не прочитал сначала правила. Выкладываю свое письмо в комментариях.

    Я хочу прикрутить к своему сайту слайдер, который будет прокручивать новости (фото+текст). Выбрал WordPress плагин Simple Slider. Устанавливается, выводится на сайт, но прокручивает только стандартные картинки. Если прописать пути к статьям и картинкам, то выводится белый лист, но перейти к статье можно. Как решить проблему, не знаю.

    Или как прикрутить jQuery слайдер? Например, loopedSlider. Хочу что-то, как на сайте mobword.ru. У них кстати этот плагин установлен.

    Если поможете с этим, буду очень признателен.

    Ответить
  3. Посмотрел я статью. Все отлично, но дело в том, что я не знаю, как устанавливать jQuery плагины.

    Поэтому свой выбор остановил на WP Glideshow. Установил как положено, вывел на главной. Но изображения я вставляю из Windows Live Writer. А там нужно указывать в админке, что изображение используется по умолчанию при вставке картинки. А если из админки WordPress, то изображение вставляется в виде белого квадрата.

    Посмотрите сами, пожалуйста.

    it-osnova.ru

    Ответить
  4. Фёдор:

    Добрый день. Прекрасный обзор! Как я понял E2 Photo Gallery — не является плагином галереи под wp. По крайней мере не загружается как Плагин. То есть это отдельный скрипт галереи. Тогда каким же образом использовать его в постах и страницах?

    Заранее спасибо за ответ.

    Ответить
    • driver:

      Здравствуйте Фёдор. Автор (E) 2 Gallery Pro еще в 2009 году начал разработку плагина галереи для WP, но видимо что то не срослось и плагин повис в тестовой версии, и в свободном доступе отсутствует. Задумка надо признать была отличная и мог получиться один из лучших плагинов галереи под WP.

      Если вы ищите специализированный плагин WP для создания галерей, обратите свой не затуманенный взор на Коллекцию слайдеров и фото-галерей jQuery, в обзоре найдете несколько интересных плагинов для WP.

      Ответить
  5. Фёдор:

    Спасибо. Я видел пост про разработку плагина, но так и не нашел его в версии для скачивания. Перелопатил уже десятки галерей. И только это наиболее подходит под задачу по своему внешнему виду: Основное фото, которое по клику увеличивается, а под ним карусель из превьюшек.

    Ответить
  6. У Вас отличная подборка слайдеров, но к сожалению не нашел то, что мне нужно. У Вас нет случайно примерно такого же слайдера по функционалу, как вот на этом сайте: ngm.nationalgeographic.co...aces-winners/#/5

    чтобы картинки менялись вместе с текстом (но текст был на другом поле, а не в поле img, и картинки могли иметь разные размеры, хотя бы по высоте, ну и чтобы были миниатюры для удобства). У меня сайт с фотографиями и подписями этих фотографий, без такого слайдера я не могу делать полный анонс по фотографии и фотографу (сейчас приходится растягивать страницу, а это совершенно не удобно пользователям (см мой сайт, новости). Если бы Вы смогли мне помочь, я бы был Вам очень благодарным.

    Ответить
    • driver:

      Михаил, посмотрите в работе эти слайдеры Slider Kit ( 5 вариантов вывода фотографий) и того же плана: JSliderNews 2.0 ( 6 видов слайд-шоу ).

      Удачи!

      Ответить
  7. Да я уже такие видел, обратите внимание, что контент описания фотографии выводится на поле, где отображается картинка, а мне необходимо, чтобы текст выводился на отдельном поле, чтобы не загораживал фотографию 🙁

    Ответить
  8. Спасибо большое за подборку. А не подскажите, не знаете ли галереи для связи контакта и wp? чтобы можно было установить плагин и видеть нужные альбомы со страницы в контакте, на сайте вордпрес, без перекачки фоток на свой сервер и не занимая свое место.

    Ответить
    • driver:

      Дмитрий, Здравствуйте!

      Идея с прямой трансляцией альбомов картинок из Вконтакте в WP интересная и наверняка где то, какая-нибудь светлая голова, наковыряла плагинчик, мне об этом не известно.

      Ответить
  9. Подборка хорошая только я скрипты маловато знаю ((( я вот сижу простенький не могу встроить а тут вон какие(

    Ответить
  10. Евген:

    Преогромное спасибо за обзор!!! Отличное оформление статьи — понятно и просто. Но тем не менее так и не смог найти нужный плагин. Ищу такой же вариант, что и Федор: «Основное фото, которое по клику увеличивается, а под ним карусель из превьюшек.»

    Подскажите, есть ли подобный плагин для ВП ?

    Ответить
Присоединяйтесь к обсуждению!

Отправляя кoммeнтapий, Вы автоматически принимаете правила кoммeнтиpoвaния на этом блоге.

Правила кoммeнтиpoвaния на блоге Dobrovoimaster:

  1. Во избежание захламления спамом, первый кoммeнтapий всегда проходит премодерацию.
  2. В поле "Ваш сайт" лучше указывать ссылку на главную страницу вашего сайта/блога. Ссылки на прочую веб-лабуду (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Не используйте в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия, имя изменяю на свое усмотрение. Просьба указывать нормальное имя или ник.
  4. Скорее всего, что не информативный и короткий кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.
  5. Комментарии не по теме безжалостно удаляются.

Подписаться не комментируя

Обновления комментариев по RSS RSS комментариев к этой записи »