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

Небольшая подборка из 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>

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

  • Иван: к записи Привет всем, доброго времени суток! Я излазил весь »
  • Александер: к записи Потом пригляделся, вроде Вы не это имели в виду и »
  • Александер: к записи У Вас не русифицируется, потому что не везде включ »
  • Администратор: к записи Это надо использовать функции вашей CMS. »
  • Alex: к записи Ребят, а подскажите пожалуйста, как реализовать с »
  • Владимир: к записи А как теперь будет выглядеть ссылка для перехода н »
  • Администратор: к записи Не знаю. »

Статистика спама

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