Свежие решения для организации JQuery галерей и слайд-шоу на вашем сайте

Я не открою Америку, если скажу вам, что в настоящее время использование различных JQuery галерей является чуть ли ни обязательным пунктом для веб-разработчика. Сейчас уже создано множество отличных решений для реализации галерей, и их сфера использования расширяется все больше и больше. Сейчас JQuery - галереи можно встретить и в новостных сайтах и в интернет-магазинах. Но, по моему мнению, самым подходящим проектом, где вы просто обязаны воспользоваться красивой галереей, является сайт-портфолио, для того, чтобы предоставить в наиболее выходном свете ваши труды.

Если вы хотите, чтобы от просмотра ваших работ в портфолио остались только самые лучшие впечатления,  нужно постараться их преподнести правильно, чтобы подчеркнуть качество и ценность ваших работ, трудно представить себе лучшего помощника в этом, чем интересная, яркая галерея.

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

Внимание: все ссылки с демонстрацией скриптов откроются в новом окне, ссылки для скачивания исходников — прямые.

1. Красивая галерея на JQuery

С красивым эффектом отображает загруженные изображения c уменьшенными эскизами. Легко настраиваемая галерея, дизайн можно настроить с помощью CSS

2. JQuery галерея полностью растягивающаяся на весь экран 

Очень интересная реализация. Изображения масштабируются, чтобы заполнить окно браузера, т.е. при уменьшении или увеличении окна галерея автоматически изменяет размеры, имеются кнопки управления слайдами (следующий слайд/предыдущий слайд, начать автоматический просмотр/остановить прокрутку слайдов)

3. Отличная галерея  s3Slider jQuery

Описание слайда может появляться на полупрозрачном фоне с разных сторон слайда. Изображения меняются автоматически.

4. Nivo галерея

Отличная галерея с 9 уникальными эффектами перехода между слайдами. Чистая, валидная разметка страницы, наличие параметров настройки отображения, легкая (архив весит всего 7кб)

5. jQueryGlobe — JQuery плагин

Очень интересная галерея, на ее основе можно даже сделать главное меню сайта. Красивый эффект изменения слайдов без необходимости использования Flash, размер всего 2 кб. Возможность многократного использования на странице в различных контейнерах, легко может быть изменен стиль под ваши нужды с  помощью HTML / CSS

6. LightBox плагин JQuery

Простой, элегантный, ненавязчивый плагин для реализации галереи

7. jqFancy галерея

Отличная jQuery-галерея с прикольным эффектом смены слайдов

8. Галерея в минималистическом стиле

Можно управлять автоматическим показом слайдов (старт/стоп), переключение слайдов с помощью стрелок клавиатуры, автоматическое постраничное разбиение названий слайдов, если их много, поддерживается несколько галерей на одной странице, подписи к слайдам, поддержка API и возможность создавать свои эффекты перехода слайдов

9. jQuery Image Scroller

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

10. JQuery слайд-шоу

Без сомнения, использование слайд-шоу не только привлекает внимание посетителей в нужную область, но делает ваш сайт более живым

11. Слайд-шоу в стиле Apple

12. Аккуратная галерея Easy slider 1.7

Неплохая галерея с различными видами отображения

13. Прокручивание изображений по кругу

14. Классная галерея Coin Slider

Уникальные красивые эффекты перехода. Полностью настраиваемый дизайн с помощью CSS

15. Фото-галерея

16. JQuery плагин До/После

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

17. Простенькая симпатичная галерея, сделанная на CSS, без использования скриптов

Красиво выглядит и отлично работает во всех современных браузерах

Перевод: Ефимов Виктор
Оригинал: 1stwebdesigner.com

Вы можете посмотреть похожие заметки: