вторник, 8 декабря 2015 г.

18 АДАПТИВНЫХ ГАЛЕРЕЙ ИЗОБРАЖЕНИЙ

Jquery плагины и решения: 18 адаптивных галерей изображений

Долго выбирал тему для сегодняшнего топика. В итоге заметил, что мы еще не делали подборок с галереями изображений. По моему отличная тема, так как галереиприсутствуют у множества сайтов. Откровенно говоря, все они не очень привлекательны. Учитывая нынешние тенденции развития jquery,   и т. д. я подумал, ведь должны быть уже намного привлекательней решения чем те, которые встречались мне раньше. Итак. Потратив день, удалось найти огромнейшее количество скриптов. Из всей этой горы я решил отобрать только адаптивные, ведь я люблю адаптивность, как вы уже заметили по предыдущим постам. 
Галерея изображений применима не только в случае с фотоальбомами. Скрипт можно использовать, думаю, что это даже правильней будет, в качестве портфолио для фотографов, дизайнеров и т. д. Jquery эффекты помогут привлечь внимание посетителей и просто придадут изящности вашему сайту. 
Итак. К вашему вниманию коллекция jquery плагинов галерей изображений для сайта.
Не забываем комментировать и помните, чтоб не потерять эту подборку, вы можете добавить ее в избранное, нажав на звездочку внизу статьи.

Смотрите также:
7 адаптивных галерей изображений в виде слайдера

PHOTOBOX
Бесплатная, легкая, адаптивная галерея изображений, в которой все эффекты, переходы сделаны средствами css3. Идеальна для создания сайта-потрфолио фотографа.
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

S Gallery
Привлекательный Jquery плагин галереи изображений. Анимация работает с помощью css3.
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

DIAMONDS.JS
Оригинальный плагин для создания галереи изображений. Миниатюры имеют формуромба, что в данный момент очень популярно. Такая форма сделана с помощью css3. Единственный минус этой галереи — это отсутствие лайтбокса, в котором бы открывалось фото в полный размер. То есть потребуется раками прикрутить плагин лайтбокса. Данный скрипт формирует адаптивную сетку изображений в форме ромба. 
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

Superbox
Современная галерея изображений с использованием Jquery, css3 и html5. Мы все привыкли, что при клике на превью полное изображение открывается в лайтбоксе (всплывающем окне). Разработчики данного плагина решили, что лайтбокс уже отжил свое. Изображения в этой галереи открываются ниже превью. Посмотрите демо и убедитесь, что такое решение выглядит на много современней.
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

Smooth Diagonal Fade Gallery
Современная галерея изображений в которой превью распределяются по всему пространству экрана. Скрипт умеет сканировать папку с фото на сервере, то есть не нужно вставлять каждое изображение по отдельности. Достаточно загрузить картинки в папку на сервере и в настройках указать путь к директории. Далее скрипт все сделает сам.
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

Gamma Gallery
Стильная, легкая, адаптивная галерея изображений с сеткой в стиле Pinterest, которая сейчас стала очень популярна. Скрипт отлично работает как на стационарных компьютерах, так и на мобильных устройствах с любым разрешением экрана. Отличное решение для создания портфолио веб-дизайнера.
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

THUMBNAIL GRID WITH EXPANDING PREVIEW
Плагин представляет собой адаптивную сетку изображений. При клике ниже выводится фото побольше и описание. Хорошо подойдет для создание портфолио. 
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

jGallery
jGallery — это полноэкранная, адаптивная галерея изображений. Легко настраиваются эффекты, переходы и даже css стиль.
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

Glisse.js
Простой, но очень эффектный плагин галереи изображений. Это именно то решение, когда нужно создать фотоальбом. Плагин поддерживает альбомы и имеет очень классный эффект перелистывания.
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

Mosaic Flow
Простая, адаптивная галерея изображений с сеткой в стиле Pinterest.
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

Galereya
Еще одна стильная галерея с сеткой в стиле Pinterest с фильтром по категориям. Работает в браузерах: Chrome, Safari, Firefox, Opera, IE7+, Android browser, Chrome mobile, Firefox mobile.
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

least.js
Отличная бесплатная галерея изображений с использованием JQUERY,  5 и CSS3. Она имеет очень привлекательный внешний вид и, несомненно, привлечет внимание ваших посетителей. 
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

flipLightBox
Простенькая галерея изображений. При клике на превью, в лайтбоксе открывается полное изображение.
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

blueimp Gallery
Гибкая галерея. Способна выводить в модальном окне не только изображения, но и видео. Отлично работает на сенсорных устройствах. Легко кастомизируется и есть возможность расширения функционала с помощью дополнительных плагинов (См. следующий плагин).
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

 Image Gallery
Bootstrap Image Gallery — это дополнение к плагину blueimp Gallery, которое расширяет стандартный функционал и добавляет поддержку Bootstrap.
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

Responsive DG Slider
Адаптивная галерея с полноэкранными изображениями. 
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

PhotoSwipe
Адаптивная галерея изображений для мобильных устройств.
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

Jquery Fullscreen Responsive Lightbox Gallery
Галерея изображений с подсказками. Данное решение отлично подходит для воплощения современных дизайнерских идей.
Демо | Скачать
Jquery плагины и решения: 18 адаптивных галерей изображений

0 коммент.:

Отправить комментарий