25 Slider

Адаптивная карусель

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

Адаптивная карусель
14 Slider

Полноэкранный разрезной слайдер

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

Полноэкранный разрезной слайдер
6 Slider

Аудио слайдшоу с jPlayer

Слайдшоу на jQuery с музыкальным сопровождением с помощью кросс платформенной библиотеки jPlayer. Смена слайдов происходит в указанные промежутки музыкальной композиции.

Аудио слайдшоу с jPlayer
23 Slider

Lof JSliderNews 2.0 - плагин слайдшоу

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

Lof JSliderNews 2.0 - плагин слайдшоу
7 Slider

Эффект шторок

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

Эффект шторок
11 Slider

Эффект шторок для изображений

Сегодня сделаем на чистом CSS3 смену изображений через эффект шторок - раздвигающихся панелей. Идея заключается в использовании фоновых изображений для панелей и их анимации при клике по <label>.

Эффект шторок для изображений
9 Slider

Diapo - слайдшоу

Diapo - это слайдшоу требующая jQuery 1.4+, а также для увеличения функциональности дополнительные jQuery плагины.

Diapo - слайдшоу
10 Menu & Nav

Навигация со слайд эффектом

Навигация в которой смена подменю происходит с эффектом смещения, который реализуется благодаря плагину easing. Похожий эффект, только на prototype реализован на сайте apple.

Навигация со слайд эффектом
16 Accordion

Гибкий аккордеон

Создадим простой быстрореагирующий аккордеон, который при раскрытии будет перемещаться к верхней области просмотра. Также будет добавлено несколько переходов CSS3 для стрелки. Гибкость заключается в том, что ширина аккордеона будет подстраиваться под размеры экрана.

Гибкий аккордеон
10 Slider

Слайдшоу из ячеек

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

Слайдшоу из ячеек