От автора:
в этой статье мы с вами познакомимся с еще одним полезным и замечательным плагином для WordPress — это плагин Meta Slider. Это плагин слайдер для WordPress, с помощью которого вы сможете быстро и просто организовать на страницах вашего сайта слайдер или слайдшоу. Приятным бонусом будет возможность выбора различных вариантов слайдера, его простая настройка, а также адаптивность из коробки.
Когда вы публикуете статью или новость, часто недостаточно просто сухого текста. Хочется как-то оживить этот текст, например картинкой или несколькими картинками. Визуальное сопровождение действительно оживляет текст. Ну а если эти картинки будут еще красиво и оригинально поданы — будет вообще супер. Такая статья больше придется по душе читателям. И слайдер является отличным способом украсить статью или страницу.
Есть ли плагин слайдера для WordPress? Есть и плагинов таких — огромное количество, выбирай — не хочу
Могу порекомендовать остановить свой выбор на плагине Meta Slider, который я упоминал выше. Начнем с того, что установив этот плагин вы в результате получите не один вариант слайдера, а сразу четыре популярных на данный момент слайдера:
Впечатляет, не правда ли? Давайте переходить от слов к делу. Установим плагин Meta Slider и посмотрим, как же просто производится настройка слайдера с этим плагином WordPress. Итак, идем в меню добавления новых плагинов и ищем плагин слайдшоу по запросу meta slider.
Устанавливаем и активируем найденный плагин слайдер — Meta Slider. После установки в меню вы увидите новый раздел, название которого совпадает с названием плагина.
Из названий пунктов меню понятно, что плагин предлагается в двух версиях: бесплатной и PRO. Можно предположить, что платная версия имеет больше настроек, но, на мой взгляд, настроек в бесплатной версии слайдера более чем достаточно. Большим преимуществом платной версии является поддержка видео слайдов с сервисов YouTube и Vimeo, так что если вам необходим подобный функционал, тогда стоит задуматься над приобретением платной версии плагина.
Переходим на главную страницу плагина, где нам предлагают создать первое слайдшоу.
Давайте так и сделаем, нажмем на плюсик и приступим к процессу создания слайдера. На открывшейся странице жмем кнопку Добавить слайд и просто выделяем картинки из вашей библиотеки медиафайлов, которые вы хотите вставить в слайдер, или прямо здесь загружаем необходимые картинки в библиотеку медиафайлов.
После добавления картинок мы попадем на страницу, где увидим все выбранные картинки, а также всевозможные настройки. Плагин слайдера для WordPress на русском языке, как вы видите, и это дополнительный плюс.
Первая же настройка в блоке справа позволяет выбрать вариант слайдера, по умолчанию это Flex Slider. Но мы можем выбрать и любой другой. Далее мы можем настроить эффект смены слайдов, размеры слайдера, навигацию по слайдшоу, тему слайдера (светлая, темная и т.п.). Это лишь основные настройки. В блоке расширенных настроек их куда больше — попробуйте поиграться с ними и подобрать конфигурацию на свой вкус.
Для каждой из фотографий слайдера нам предлагают добавить ее описание, также можно установить на слайд ссылку, если вы хотите, чтобы со слайда можно было перейти к какой-либо статье на вашем сайте. Как видим, настроек действительно хватает и настройка слайдера WordPress — довольно несложный процесс.
После окончания настройки слайдера нам остается взять предлагаемый шорткод и добавить его в нужное место статьи или страницы.
Кроме того, плагин можно вставить даже в шаблон, например в шапку вашего сайта (шаблон header.php). Необходимый код для вставки в шаблон мы можем взять во вкладке Вставка в шаблон.
Итак, копируем предлагаемый шорткод и вставляем его в выбранную статью. Результат отличный, в статье появился работающий слайдер и его реализация заняла считанные минуты.
Вот, собственно, и все. Экспериментируйте с настройками слайдера, чтобы получить удачное решение под дизайн вашего сайта. Удачи!
Слайдеров, сегодня хочу представить несколько плагинов, на которые эти исходники можно накрутить. Плюс, небольшое описание каждому плагину, чтобы не качать «кота в мешке». Лишний раз проверять, что умеет плагин и его работоспособность никому не нравится, верно? Скажу сразу — все слайдеры в формате плагинов для WordPress, поэтому проблем с установкой и настройкой быть не должно.
Coin Slider
Один из лучших, на мой взгляд, по возможности настройки и одновременной простоте, но проигрывает Nivo, который ниже. Позволяет установить размер картинки из админки, не углубляясь в дебри кода. Добавляется изменением шаблона. Превьюшек нет, что печально.
Nivo Slider
Поистине король слайдеров. Честно говоря, не очень рекомендую пользоваться именно плагином для WordPress по причине того, что он давненько не обновлялся, в отличии от скрипта. А последняя версия для WordPress — платная. Ну или как вариант — приспособить новый скрипт к старой оболочке плагина, но тут нужны знания посерьёзнее. 16 вариантов смены картинки, поддержка тем, превью, отличная и валидная верстка, богатые настройки. Я пока не встречал скрипта, который бы уделал Nivo.
Content Slider от SlideDeck
Еще один весьма навороченный слайдер, но теперь это слайдер контента. Очень богатые настройки, интеграция в редактор постов, несколько тем в комплекте. Есть возможность вставить разные слайдеры в каждый пост. Есть Pro версия, которая может ещё кучу всяких клёвых штук, но цена в 99$ за слайдер меня очень и очень смущает.
Meteor Slides
Этот кандидат попроще, но и у него есть своя фишка. Во-первых, он умеет встраиваться по шорткоду, это удобно. Во-вторых, он умеет создавать несколько слайдшоу, которые можно использовать в разных местах. В-третьих, он умеет встраиваться в сайдбар виджетом. И там крутить картинки. По моему, достаточно круто. И да, поддержка русского в комплекте
Slideshow Gallery
Этот слайдер тоже умеет дружить с редактором постов WordPress, тоже может встраиваться шорткодом и у него есть превью картинок. Поддержка локализации, с помощью po/mo
файлов. Плюс, для больших картинок поддерживается лайтбокс, то есть увеличение картинки по клику.
TN3 Gallery
Неплохой плагин, с превью картинок, хорошей версткой и прочими вкусностями. Но у него есть отличная черта — он поддерживает , что на данный момент достаточно редкая штука. Но есть и минус, даже два, чтобы скачать нужно зарегистрироваться и нет версии для WordPress. Только вариант скрипта, но возможности слайдера стоят того, чтобы немного потрудиться над установкой.
WordPress Content Slide
Что сказать про этот плагин? Он маленький, полностью настраиваемый внешне, неплохие настройки из админки. И он работает.
ISlidex
Очень неплохой слайдер с поддержкой нескольких тем. Авторы обещают SEO-верстку, автоматическую обрезку и кэширование изображений, кроссбраузерность вплоть до IE7 и поддержку WordPress 3.x. Также умеет встраиваться в виджет, что существенно повышает его ценность.
24.01.2013 — добавлю еще один плагин, с которым пришлось столкнуться. Он оставил самые приятные впечатления, несмотря на то, что он платный.
Он сможет показать вам все, что вы захотите. Больше 10 шаблонов вывода в комплекте, собственное API, поддержка мобильных устройств и куча других вкусностей. Поверьте — на сегодняшний день это лучший слайдер. И стоит всего 12$ , конечно же, все последующие версии бесплатны. Да, как заявляет разработчик — этот плагин единственный, кто поддерживает в полном объёме IE10, который установлен в Win8.
Добавление слайдера на сайт WordPress - это отличный прием, который помогает показывать больше контента в небольшом пространстве. Обычно это используется для привлечения внимания к актуальным постам или ключевым особенностям веб-сайта.
Слайдеры являются одним из самых популярных видов плагинов на WordPress, и поэтому можно легко потеряться в их разнообразии и количестве. Поэтому мы приходим на помощь с подборкой лучших бесплатных плагинов WordPress для слайдеров картинок, доступных в настоящее время.
Выбирайте один из следующих плагинов в этом списке, чтобы красиво отображать картинки с продуктами и услугами на своем сайте.
1. Responsive Slider
Плагин от AlienWP для создания слайдов и демонстрации простых, стильных и гибких слайдеров на вашем сайте. Один из самых популярных бесплатных слайдеров на WordPress с более чем 20,000 активных установок и 150,000 загрузок!
2. Huge-IT Slider
Slider Huge-IT - отличный слайдер на WordPress с множеством приятных характеристик. Нужно просто установить и создать слайдер за несколько минут.
3. Slider
Image Slider - лучший слайдер для ваших постов, страниц, виджетов или боковой панели. Позволяет настраивать слайдер для поиска того, что вам нужно.
4. Slider Ultimate
Ultimate Slider - простой в использовании слайдер, который позволяет добавлять современный и адаптивный слайдер на любую страницу вашего WordPress сайта, используя простой шорткод.
5. Slider WD
Создает гибкий, легко конфигурируемый слайдер с различными эффектами для вашего сайта на WordPress.
6. Slider by Supsystic
Эффективный Slider by Supsystic - оптимальное решение для слайд-шоу. Создает слайдеры из изображений, видео и контента с профессиональными слайд-шоу и шаблонами слайдера.
7. Seo Carousel Slider
Отличный плагин для слайдера на jQuery с поддержкой сенсорного управления на смартфонах с помощью жестов. Позволяет создавать красивые адаптивные слайдеры и карусели за пару минут.
8. Ultimate Responsive Image Slider
Ultimate Responsive Image Slider - адаптивный слайдер для WordPress. Вы можете добавлять множество слайдов изображений в один слайдер с помощью различных загрузчиков изображений. Также можно размещать неограниченное количество слайдеров в блог.
9. Smart Slider 3
Smart Slider 3 имеет все подходящие функции, присущие бесплатным слайдерам. Помимо того, что у Smart Slider есть инструмент для создания YouTube и Vimeo слайдов и формирования слайдов из ваших WordPress постов, он также очень лёгкий в использовании благодаря редактору слайдов с разными уровнями.
10. Post Slider
Плагин позволяет создавать слайдеры из простых и пользовательских WordPress постов. Он имеет два типа слайдеров: динамический и статический.
11. Smooth Slider
Выставляйте последние посты, конкретные категории или подборку постов, используя плагин Smooth Slider.
12. Easing Slider
Этот плагин нацелен на достижение основной цели - создание и управление слайдерами с легкостью. Его задача сделать работу простой, без обучения, и встраиваться в панель управления WordPress, как-будто это родной элемент.
13. Master Slider - Responsive Touch Slider
Master Slider - бесплатный эффективный слайдер для изображений и контента с очень гладкой прокруткой. Он поддерживает сенсорную навигацию с жестом прокрутки.
14. Slider by Soliloquy
Используя пользовательские типы записей, Soliloquy позволяет создавать бесконечное число WordPress слайдеров с бесконечным количеством изображений в каждом из них всего за несколько щелчков мыши.
15. WP Slick Slider and Image Carousel
Поддерживает режим слайдера и карусели с помощью разных шорткодов. Полностью гибкий и адаптивный, с поддержкой drag and drop.
16. Meta Slider
Возможно, самый популярный плагин для слайдера в WordPress. Создание слайд-шоу с Meta Slider - это быстро и легко. Просто выберите изображение из вашей библиотеки на WordPress, перетащите их на место, установите названия слайдов, ссылки и SEO-поля с одной страницы.
17. WP Responsive Header Image Slider
Быстрый и простой способ добавить пару изображений для слайдера внутри страницы WordPress, а также из шаблона. Кроме того, можно добавить адаптивный сенсорный слайдер.
18. Sangar Slider
Sangar Slider - это лайт версия премиум слайдера высокого качества для WordPress. С плавной анимацией, многослойными слайдами, техподдержкой, простотой в использовании и гибкостью.
19. Responsive Slider by MotoPress
Responsive WordPress Slider от MotoPress - это простое в использовании решение для создания красивых слайдов с удивительными визуальными эффектами. Интуитивно понятный интерфейс drag and drop, прокрутка и оформление поможет вам создавать слайды, не используя код.
20. WP Featured Content and Slider
WP Featured Content and Slider - легкий в использовании слайдер для WordPress. Отображает избранные материалы, особенности вашего продукта и отображает их через шорткод или шаблон.
Слайд-шоу являются одними из лучших элементов дизайна для сайтов с большим количеством фото или ориентированных на контент, помогая продемонстрировать популярные изображения своим посетителям. Именно поэтому среди наиболее полезных плагинов для вашего сайта на WordPress можно выделить плагины слайд-шоу, которые позволяют вам создавать и управлять слайдами на вашем сайте.
Вот 30 самых полезных бесплатных плагинов для слайд-шоу в WordPress, которые подойдут для любого веб-сайта. Это разнообразные плагины с различными функциями, и вы сможете понять, какой из них подойдет вам лучше всего, как только пройдетесь по всему списку. Итак, давайте посмотрим на них.
Один из наиболее часто используемых плагинов для слайдера MetaSlider, поддерживает различные типы слайд-шоу, такие как Flex Slider 2, Nivo Slider, Responsive Slides и Coin Slider. Некоторые из его исключительных особенностей – перестановка слайдов «drag-and-drop», поддержка полноформатной ширины и несколько вариантов конфигурации слайд-шоу.
Slider от WD поддерживает отображение изображений, видеороликов с YouTube и Vimeo, а также эффекты перехода и поддержку слоев. Кроме того, он предлагает поддержку водяных знаков изображения, полноформатные слайдеры и различные параметры настройки. Однако поддержка видео доступна только в Премиум-версии.
Как следует из названия, Genesis Responsive Slider позволяет вам выбирать конкретные посты, страницы или категории и показывает их в максимально возможном масштабе, благодаря своей отзывчивой природе. Кроме того, он располагает кнопками со стрелками «предыдущий» и «следующий», однако работает только с дочерними темами Genesis.
Cyclone Slider 2 поддерживает несколько типов слайдов, включая изображения, видео, пользовательский HTML и отзывы. Он готов к переводу и поставляется с четырьмя красивыми шаблонами - темный, по умолчанию, стандартный и миниатюры.
Этот плагин является отличным контролем над мультимедиа и системой отображения, которая поддерживает управление фотоальбомами. Он может отображать изображения в слайд-шоу, используя свой инструмент лайтбокс. Что замечательного в этом плагине, так это параметры настройки - почти каждая функция настраивается, и он даже предоставляет вам 20 виджетов.
Быстрый и полезный плагин, который поддерживает создание неограниченное количество слайдеров с различными цветовыми схемами и эффектами перехода. Кроме того, он поддерживает несколько макетов и предоставляет множество вариантов настройки.
Slider от Nivo позволяет создавать слайдер постов, карусель изображений или слайд-шоу с пользовательскими настройками. Вы можете выбирать из различных тем и разрабатывать несколько слайдеров для размещения различного контента или показа в разных местах.
Slideshow Gallery поддерживает пользовательские добавленные слайды, галереи и слайды из постов или со страниц. Вы можете показывать слайд-шоу с использованием шорткодов и настраивать многочисленные параметры, чтобы изменить внешний вид слайд-шоу.
Этот плагин позволяет добавлять на свой веб-сайт настраиваемое слайд-шоу для демонстрации продуктов, избранных сообщений или, чтобы создавать учебные пособия. Слайд-шоу позволяет добавлять в него текст, изображения и видеоролики, а также видео с YouTube.
SEO-дружественный, готовый к переводу слайдер изображений, который позволяет создавать неограниченное количество слайдов с текстами, ссылками и кнопками. Он включает в себя более семи цветовых стилей и эффектов перехода, а также виджет, чтобы отображать слайдер на боковой панели.
Уникальный слайдер, который отображает отзывы ваших клиентов с их аватаром, именем и информацией о компании. Он предлагает пять скинов, несколько эффектов и поддержку слайдеров для конкретных категорий.
Этот простой плагин позволяет показывать изображения вместе с гиперссылками. Он дает возможность автоматически прокручивать и приостанавливать движение при наведении мышки. Кроме того, он поддерживает переводы и даже предлагает множество вариантов настройки.
WonderPlugin Slider Lite может создавать слайдеры изображений и видео с поддержкой видеороликов YouTube, Vimeo и mp3/mp4 видео. Как и вышеприведенные плагины, он поддерживает различные эффекты перехода и также предлагает виджет.
Фантастический слайдер, который поддерживает слайды постов, изображения, видео и HTML, Owl Carousel полностью настраивается, а также является отзывчивым. Кроме того, карусели могут быть размещены в любом месте, благодаря поддержке его короткого шорткода.
Плагин EasyRotator позволяет создавать отзывчивые ротаторы фотографий (слайдеры) с несколькими шаблонами. Вы можете создавать неограниченное количество слайдеров вместе с поддержкой аудио и видео. Кроме того, плагин является SEO-дружественным и настраиваемым.
Как следует из названия, этот плагин создает текстовые слайдеры. Кроме того, вы можете настроить шрифты, цвета и эффекты перехода. Также слайды могут быть встроены в любой пост, на страницу или виджет с шорткодом.
Gallery Slideshow преобразует любую фотогалерею в потрясающее слайд-шоу, чтобы показать ее вашим посетителям. Он поддерживает различные атрибуты шорткода для настройки слайдеров, а также позволяет включить подписи для фотографий.
Как следует из названия, этот плагин показывает слайд-шоу видео с YouTube и Vimeo в адаптивном режиме. Вы можете добавить кнопки призыва к действию и наложить больше информации, такой как заголовки, даты и подписи на верхней части слайдеров.
2J Slideshow поставляется с классическим, но стильным дизайном, включающим множество эффектов перехода. Вы можете добавить объемные изображения в слайдер и затем добавить его в любой пост. Кроме того, он предлагает полноэкранный режим, который отсутствует в некоторых других.
Slideshow CK позволяет создавать неограниченное число слайдеров и поставляется с эргономичным интерфейсом перетаскивания. Вы можете добавлять изображения и видео вместе с подписями. Также слайдер можно загрузить с помощью шорткода и виджета.
Google Photos Gallery построен на Google Picasa API и отображает фотоальбомы из вашей библиотеки Google Photo. Слайды могут отображаться в виде сетки, в виде списка или в виде карусели, а также с названиями и подписями изображений.
Увлекательный слайдер, Fancy Slideshows, поддерживает несколько источников слайдов, такие как изображения, ссылки, посты и страницы. Вы можете настроить различные параметры, включая эффекты перехода, кнопки навигации, интеллектуальную обрезку и т. д.
С Slick Slider вы можете превратить свою фотогалерею в потрясающее слайд-шоу. Он поддерживает ленивую загрузку изображений и добавление различных эффектов к слайдам. Кроме того, вы можете настроить множество других параметров.
Creative Image Slider обеспечивает потрясающие визуальные эффекты и включает в себя мастер живого просмотра для создания привлекательных слайдеров за считанные секунды. Он поддерживает опции автозапуска и настройку гибких наложений, таких как текст, кнопки и т. д.
Удивительный слайдер, который можно легко встроить на ваш сайт, просто добавив адрес слайд-шоу в любой пост или на страницу. Он также предлагает расширенные параметры настройки, такие как ширина, высота, автовоспроизведение и еще несколько других.
Image Slide позволяет создавать баннеры с изображениями, видео, текстом, заголовками и ссылками. Кроме того, он предлагает простые возможности настройки для управления анимацией, добавления титров и т. д.
Layer Slider позволяет создавать адаптивный слайдер с изображением и текстом вместе с фоновым изображением позади каждого слайда. Он также предлагает пользовательские настройки для конфигурации анимационных эффектов и внешнего вида слоев изображения.
Слайдер, который предлагает эффекты затухания. Также Superb Slideshow позволяет вам делать гиперссылки слайдов или добавлять описания. То, что мы считаем уникальным, заключается в том, что слайдер сохраняет последний воспроизводимый слайд и возобновляет работу именно с него, даже если страница обновлена.
Как следует из его названия, этот гибкий плагин слайдера предлагает плавные переходы и смягчающие эффекты. Его автовоспроизведение может быть приостановлено взаимодействием с пользователем, и вы также можете делать гиперссылку на слайдах, как это предлагает Superb Slideshow.
Этот гибкий плагин для слайдера позволяет вам встраивать фотоальбомы с Flickr на ваш сайт. Он использует короткие коды, чтобы помочь вам разместить слайд-шоу в любом посте или на странице, но вы можете показывать только изображения, в отличие от некоторых других плагинов, предложенных в этом списке.
Бонус
Sangar - мощный плагин для WordPress, который позволяет легко загружать медиафайлы, а затем перетаскивать изображения в том порядке, который вам нравится. Каждый слайд может быть настроен с помощью параметра «Пользовательский CSS», а плагин имеет множество пользовательских перехватов и фильтров, которые позволяют веб-разработчикам настраивать слайдер на уровне кода.
Еще один хороший плагин слайдера для WordPress с совместимостью с браузерами, простирающейся вплоть до IE8. Плагин поставляется с множеством опций, которые позволяют вам настраивать детали слайда, например, такие как смена слайдов, положение, цвет, изображения, управление слайдом и т. д.
Этот плагин запускает интеллектуальный слайдер, загружая CSS и JS только тогда, когда слайд отображается в посте. Ваши посты и страницы будут загружаться быстрее с помощью этого плагина по сравнению с другими плагинами, упомянутыми в нашей подборке. Слайдер является отзывчивым, сенсорным и построен с учетом SEO.
Этот плагин использует библиотеку Flexslider для включения слайдера. Он поддерживает сенсорные жесты для навигации по слайдеру, бесконечный цикл, и Вы можете выбрать переход CSS для лучшей производительности. Плагин поставляется с короткими кодами и шаблонами тегов с массивом настраиваемых аргументов для настройки вывода слайдера.
Всем успешной работы!
1. jQuery плагин «Fresco»
Адаптивная jquery галерея (изменяет размер при изменении разрешения экрана), отображаемая во всплывающем окне с миниатюрами и подписями изображений. Jquery галерея «Fresco» корректно работает в большинстве браузеров в том числе: IE6+,Firefox 3+,Chrome 5+, Opera 9+. Бесплатная версия этого плагина может использоваться только на некоммерческих проектах.
2. Слайдер «Adaptor»
Слайдер с различными эффектами переходов (7 различных эффектов, в том числе 3D). Проект на Github .
3. Плагин слайдера с различными эффектами «jQ-Tiles»
Плагин с различными эффектами перехода, с настраиваемой скоростью смены слайдов, с функцией автопрокрутки.
4. jQuery плагин «Sly»
Плагин для реализации вертикального и горизонтального скроллера. Проект на Github .
5. Анимированное CSS3 меню «Makisu»
6. Простое слайд-шоу
7. Функциональный jQuery слайдер «iView Slider v2.0»
Слайдер контента/слайдшоу (в качестве слайда может быть не только изображения, а также видео ролики и другое HTML содержимое). Для навигации можно использовать: миниатюры, кнопок Влево/Вправо и с помощью клавиатуры. Проект на Github.com .
8. Набор jQuery плагинов «Vanity»
В наборе 7 плагинов: jSlider, jTabs, jPaginate, jSpotlight, jTip, jPlaceholder и jCollapse. Набор этих решений поможет вам в реализации слайдера, всплывающих подсказок, табов, всплывающих описаний изображений и др.
9. Hover CSS3 эффект
10. CSS3 выпадающее меню
11. iOSslider
Слайдер, заточенный под работу на мобильных устройствах.
12. CSS3 индикатор загрузки
13. CSS3 эффект при наведении
14. «Product Colorizer» jQuery плагин
Плагин является легким решением для реализации просмотра продуктов в различных цветовых вариантах (актуально, например, для интернет-магазинов одежды, чтобы дать посетителям выбрать цветовую гамму товара из нескольких вариантов). Для работы плагина необходимо только два изображения для каждого продукта (все цвета будут накладываться в виде маски). Плагин работает во всех основных браузерах, включая IE7 + (будет работать и в IE6, если вы пофиксите отображение прозрачности PNG). Проект на GitHub .
15. CSS3 анимированные диаграмы
16. Создание overlay-эффекта при нажатии на изображение
При клике по изображению оно затемняется, уходя на задний план, и появляются пункты с подписями. Таким образом можно дать краткое описание элементов, расположенных на изображении.
17. Навигация по странице в виде выпадающего меню
Решение для реализации удобной навигации по документу в виде выпадающего меню. Содержание зафиксировано сверху экрана и всегда остается в поле зрения посетителя. При выборе раздела в меню происходит плавная прокрутка страницы к выбранной части документа.
18. CSS3 галерея с эффектом при наведении
При наведении курсора на изображение происходит быстрая смена фотографий. Галерея реализована в двух вариантах: с описанием снимков, появляющимся после того, как посетитель отведет курсор с галереи и без описания.
19. jQuery слайдер с Parallax эффектом
20. CSS3 анимация при наведении на блоки
21. CSS3 jQuery всплывающая панель
Нажмите на стрелочку внизу экрана на демонстрационной странице, чтобы увидеть всплывающие иконки.
22. Бесплатная HTML5 галерея изображений «Juicebox Lite»
Очень функциональная новая галерея изображений для сайта. Галерея может быть как с миниатюрами так и без них, с описанием изображением и без, может разворачиваться на весь экран или отображаться на странице с фиксированными размерами. На странице демо , вы можете выбрать вид галереи, который вам понравится. Для скачивания доступна бесплатная версия галереи. За более продвинутый функционал и за то, чтобы убрать логотип разработчика, придется заплатить.
23. Плагин «JQVMap»
24. CSS3 слайдер с Parallax-эффектом
25. jQuery галерея фотографий с миниатюрами
Адаптивная галерея, размеры изображений и миниатюр изменяются вместе с размером окна браузера.
26. jQuery плагин слайдера контента «Horinaja»
Плагин легок в установке, настраиваемый, кроссбраузерный. В качестве слайда может выступать любой HTML контент, не только изображения. Прокручивать слайды можно с помощью колеса мыши в тот момент, когда курсор находится на области слайда.
27. Плагин jQuery слайдера «Pikachoose»
В трех вариациях: реализация простой смены изображений без описания и миниатюр; слайдер с подписями изображений и миниатюрами; слайдер с миниатюрами и добавленным открытием увеличенного изображения во всплывающем окне с эффектом FancyBox. Последнюю версию всегда можно найти на Github .
28. Несколько пользовательских CSS стилизаций выпадающих списков
Пять различных стилевых оформлений выпадающих списков с использованием различных CSS техник.
29. Ресторанное меню с анимированным 3D эффектом
Интересное CSS jQuery представление информации на странице. По нажатию на ссылку раскрывается буклет-меню и посетитель может во всплывающем окне прочитать подробнее о предоставленных блюдах. Анимация некорректно отображается в IE.
30. Плагин «Elastislide»
Реализация резиновой адаптивной карусели (вертикальная и горизонтальная карусель изображений) и галереи изображений. При уменьшении окна браузера уменьшается количество изображений до определенного минимального значения и далее масштабируется размер оставшихся изображений. Проект на Github .
31. Свежий CSS3 jQuery слайдер «Slit Slider»
Адаптивный плагин слайдера (ширину можно задавать в процентах и он автоматически смасштабируется) в двух стилевых исполнениях с интересным анимированным эффектом при смене слайдов (слайд разрубается пополам и разъезжается в разные стороны, а его место занимает новый). Возможна навигация с помощью клавиатуры. Свежая версия всегда на Github .
32. Новая версия 3D слайдера изображений «Slicebox»
Новая версия с внесенными изменениями и добавлением новых функций: теперь 3D слайдер стал масштабируемым, увидеть это можно при уменьшении окна браузера; добавлена поддержка Firefox; в описании к слайду уже можно использовать HTML контент (раньше описание подтягивалось из атрибута ссылки без возможности использовать в нем HTML теги). На демонстрационной странице можно посмотреть 4 варианта использования плагина. Последняя версия живет на Github.com .
Эффект очень похож на Flash галерею 3D CU3ER (демо , скачать), только выполнен этот 3D слайдер не с помощью flash технологий, а с помощью javascript.
33. jQuery плагин «PFold»
Экспериментальное решение. Плагин реализует 3D эффект с имитацией разворачивания записки. Различные варианты исполнения: с тремя разворотами, с двумя разворотами и разворот с последующим центрированием развернутой записки.
34. jQuery плагин «Windy»
Плагин для навигации по контенту, например по изображениям. При пролистывании фотографий они разлетаются в разные стороны (эффект чем-то напоминает раздачу карт в карточной игре покер). Для навигации можно использовать кнопки влево/вправо или ползунок (смотрите разные варианты на демонстрационной странице). Проект на
