4 233 Скрипты / Slider

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

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

Полноэкранный разрезной слайдер
7 270 Скрипты / Buttons

Кнопка Скачать на CSS3

Кнопка Загрузки с эффектами CSS3 при наведении. Выглядит очень эффектно и стильно, но ограничение это поддержка браузерами CSS3.

Кнопка Скачать на CSS3
2 402 Скрипты / Slider

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

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

Аудио слайдшоу с jPlayer
4 192 Скрипты / Slider

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

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

Эффект шторок
3 308 Скрипты / Slider

Галерея использующая z-index

В этой галерее мы будем комбинировать свойство z-index и мощь jQuery. Будем изменять значение z-index и тем самым пролистывать изображения, а jquery займется анимацией.

Галерея использующая z-index
3 005 Скрипты / Slider

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

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

Эффект шторок для изображений
3 652 Скрипты / Slider

Elastislide - слайдер

Плагин elastislide - это слайдер, который реагирует на изменение размеров окна браузера и подстраивается под него. Таким образом обеспечивается работа на экранах любых размеров. А также elastislide использует плагин jQuery Touchwipe Plugin, который позволяет листать изображения пальцем на iPhone, iPad или iPod Touch.

Elastislide - слайдер
3 892 Скрипты / Slider

Автопрокрутка новостей

Автоскроллер - автопрокрутка новостей, как по вертикали, так и по горизонтали. Реализовано на базе плагина jcarousellite. Который мы кстати уже использовали для прокрутки текста, а в данном примере листаются изображения.

Автопрокрутка новостей
2 518 Скрипты / Slider

Diapo - слайдшоу

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

Diapo - слайдшоу