В этой уроке речь пойдет о вертикальном аккордеоне с возможностью слайдера реализованного конечно же на jQuery. Кусочек аккордеона раздвигается при клике и показывает дополнительную информацию, например текст, а другие кусочки станут прозрачнее и сожмутся. Переход к следующему слайду производится с помощью стрелочек или же колесиком мышки (плагин jQuery Mousewheel от Brandon Aaron).
Слайдшоу из изображений во весь экран с элементами HTML5 аудио, чтобы придать динамичности и вдохнуть жизнь в фотографии, в данном случае в галерею Нью-Йорка. Для создания слайдшоу и полноэкранного режима используется плагин jquery.vegas.js, аудио будет управлять buzz.js, миниаютюры будут прокручиваться благодаря jquery.jscrollpane.js и плюс несколько эффектов от jquery.easing.js.
И третий вариант слайдшоу на sliderman.js. Отсутствуют кнопки навигации; 4 эффекта: top, right, bottom, left; а также "Rain", "Stairs", "Fade". Может использоваться в качестве простого промослайдера.
Второй вариант слайдшоу на sliderman - кнопки и описание видны только при наведении курсора мыши (hide: true). Слайды показываются без задежки на подгрузку. Случайные эффекты: "Rain", "Stairs", "Fade", задержка 10 мс, fade (10x5), TopRight.
Первый вариант слайдшоу построенном на sliderman. Навигация и описание к изображениям отображается всегда. Эффекты: matrix (10x5), TopRight, задержка 10 мс.
Замечательный плагин слайдера вкладок на jQuery. Обладает множеством настроек.
Ещё один плагин слайдшоу, однако его возможности не ограничиваются простым перелистыванием контента. Можно добавить всплывающие подсказки с текстом или миниатюрами изображений, активировать динамически высоту и многое другое.
Ещё один простенький плагин с 16 вариантами всевозможных эффектов. Тестировался на Internet Explorer v7+, Firefox v3+, Google Chrome v4+, Safari v4+, Opera v10+
Интересный плагин для создания слайдшоу с интересными эффектами перехода. Совместим с Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+.
Еще один плагин слайдшоу - hashslider. Особенностью является то, что он добавляет хештег в адресную строку взависимости от положения ползунка, т.е. связать можно с любым контентом. Например, ссылка https://pcvector.net/index.html#4 установит ползунок в 4-ю позицию, на четвертый слайд.
Симпатичная панель с раздвижными вкладками использующая библиотеку jQueryTools.
Простой плагин zAccordion - слайдер изображений. Замечательно впишется в любой дизайн сайта.