Фотогалереи и слайдеры для ваших сайтов

Небольшая подборка из 5 различных фронтенд фотогалерей с использованием возможностей JQuery и аналогичных библиотек.

Фотогалерея GalleryView с автопроигрыванием

JQuery плагин GalleryView - фотогалерея на сайт

Фотогалерея под названием GalleryView представляет собой JQuery плагин. Есть функция автоматической прокрутки изображений. Справа, слева, снизу или сверху может отображаться небольшая панель навигации с превьюшками и кнопками управления. В верхнем левом углу есть небольшая иконка при нажатии на которую выпадает краткое описание фотографии.

Скачать Просмотреть

Галерея Cool Instagram “Gravity” с эффектом рассыпания

Фотогалерея на сайт - Cool Instagram “Gravity”

Если нажать на фиолетовую кнопочку, расположенную под фотографиями, то картинки как бы рассыпятся. Работает в Google Chrome и Mozilla Firefox. Насчет Internet Explorer не уверен. Возможно будет работать в его последних версиях. Вот мануал (на английском).

Скачать Просмотреть

JQuery плагин FancyBox

JQuery плагин FancyBox

JQuery плагин FancyBox под названием FancyBox это не только возможность выстроить стилями картинки сеточкой и сделать навигацию, это ещё и кроссбраузерные всплывающие окошки, которые помимо изображений могут также содержать видеоролики, просто произвольный текст, да и вообще любой контент.

P.S. Когда-то я уже писал о том, как его подключать.

Скачать Просмотреть

Галерея-карусель для сайта — Cloud Carousel

Галерея-карусель для сайта - Cloud Carousel

Cloud Carousel представляет из себя аналог анимированных каруселей, работающих на Adobe Flash. Картинки отбрасывают тень, крутятся по кликам мышки на кнопки навигации. По клику на изображение всплывает его копия в реальном размере / масштабе.

Скачать Просмотреть

Полноэкранная фотогалерея на сайт

Полноэкранная фотогалерея на сайт

Данная полноэкранная фотогалерея с картинками-первью представляет собой практически готовую клиентскую часть сайта-визитки. Нужно прикрутить бэкенд либо в виде готовой CMS, либо написав собственные скрипты. Вот англоязычный мануал для пользователей: http://tympanus.net/codrops/2010/07/29/thumbnails-navigation-gallery/

Скачать Просмотреть

Опубликовано 4-09-2013 в 12:04


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>











Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты