11:13 | 21.11.2024
Web-разработка
Реклама

jQuery галерея в виде настенных картин

В заметке представлены различные варианты исполнения: от маленьких мини-галерей до больших функциональных галерей с разбиением изображений по категориям, с автоматическим генерированием миниатюр и без него. Огромное количество всевозможных эффектов: перелистывание страницы, зуммеры, круговые галереи, галереи с 3D эффектами, галереи в виде стопок фотографий, галереи с различными видами прокрутки и навигации между изображениями, масштабируемые галереи, изменяющие свой размер вместе с размером окна браузера и очень много других потрясающих решений.

Область использования подобных jQuery и Mootools плагинов очень широка: от представления онлайн-портфолио до отображения нескольких фотографий товара в интернет-магазине. Некоторые из представленных решений специально заточены для просмотра с мобильных устройств.

Одним словом, из этого огромного списка галерей вы обязательно найдете те, которые будут вам по душе.

1. jQuery галерея с эффектом перелистывания страницы

Внешний вид миниатюр на странице

Подобное решение можно использовать для вывода последних статей в блоге либо для презентации товаров.

2. Галерея с круглыми миниатюрами

Галерея с круглыми миниатюрами

Уникальный способ отобразить ваши фотографии в виде jQuery необычной галереи.

3. jQuery галерея изображений для товара, плагин «slideJS»

jQuery слайдер изображений

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

4. Мини-галерея на jQuery

Мини-галерея на jQuery

Изображение увеличивается при наведении на него курсора мыши.

5. Элегантная Lightbox галерея «ppGallery»

jQuery галерея

6. Мини-галерея jQuery «Touch-Gallery»

jQuery галерея

7. Новая jQuery галерея с миниатюрами

jQuery галерея

Профессиональная jQuery галерея 2011 года.

8. jQuery плагин «Nivo Zoom»

Зумер на jQuery

Еще один качественный jQuery плагин от разработчиков Nivo слайдера. Увеличение изображение по нажатию на миниатюру.


1

2

3

4

5

6

7

8

9

10