jQuery элементы для веб-разработчиков. Часть 8

10 новых jQuery плагинов: слайдеры, слайд-шоу, меню и карусели, оформление портфолио фотографа. Много потрясных анимированных JavaScript эффектов. Наслаждайтесь! Не забудьте подписаться на обновление, чтобы получить напоминание о появлении новых jQuery полезностей в блоге.

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

1. jQuery cлайдер  «FlexSlider»

Слайд-шоу

Простой jQuery слайдер.

2. jQuery карусель

jQuery карусель

Блок с прокруткой анонсов новостей. Для прокрутки блоков используются стрелки влево/вправо. В архиве карусель в двух стилевых оформлениях: светлом и темном.

3. jQuery плагин: карусель «Elastislide»

jQuery карусель

4. jQuery 3D слайдер «Slicebox»

jQuery 3D слайдер

Эффект очень похож на ранее упоминаемую в блоге Flash галерею 3D CU3ER (демо, скачать), только выполнен этот 3D слайдер не с помощью flash технологий, а с помощью JavaScript. На демонстрационной странице можно посмотреть 6 вариантов исполнения.

5. jQuery плагин с эффектом приближения «Image Zoom Tour»

Эффект увеличения

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

6. Ротатор контента

Карусель контента

При нажатии на ссылку «More» в одном из вращающихся блоков с содержимым, эффектно открывается его подробное описание. Прокручивание осуществляется с помощью нажатия на стрелки Вправо/Влево.

7. jQuery плагин портфолио фотографа «Portfolio Image Navigation»

Навигация для просмотра портфолио фотографа

Оригинальное JavaScript решение для оформления портфолио фотографа. Навигация между изображениями осуществляется с помощью стрелок Вверх/Влево/Вправо и при помощи мини-квадратов  (имитация перемещения в 2D пространстве). Можно сгруппировать фотографии из разных фото сессий в разные вертикальные ряды и перемещаться по ним с помощью элементов навигации. Смотрите демонстрацию.

8. jQuery слайд-шоу. Плагин «Diapo»

Слайд-шоу

9. «Scrolling menu» XML меню с прокруткой 

Меню с прокруткой на jQuery

Вертикальное и горизонтально меню с прокруткой. Хорошее решение при большом количестве пунктов в меню.

10. Мега jQuery cлайдер  «СhopSlider 2.0»

Слайд-шоу

jQuery слайдер. Около 150 (!!!)  возможных эффектов перехода между слайдами.

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

13.09.2011
top


blog comments powered by Disqus
Рубрики
3 месяца отличного хостинга бесплатно
Система Orphus