999 Slider

Презентация нового продукта (слайдер)

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

Презентация нового продукта (слайдер)
1 099 Slider

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

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

Эффект шторок
2 650 Slider

Turn.js - перелистывание страниц

Turn.js плагин добавляющий эффект похожий на перелистывание страниц в книгах для HTML5. Используется аппаратное ускорение. Работает на планшетах и смартфонах. Прост в управлении и весит всего 6Kb.

Turn.js - перелистывание страниц
806 Slider

Revolver - новый слайдер контента

Новый слайдер контента или даже его можно назвать фреймворком, позволяющим создавать свои уникальные слайдеры. Поддерживается как jQuery, так и Mootools.

Revolver - новый слайдер контента
878 Slider

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

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

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

Галерея ввиде портфолио

Навигация по фотографиям в портфолио с возможностью перемещаться вверх, вниз, влево или вправо. Используется jQuery.

Галерея ввиде портфолио
973 Slider

Прокрутка изображений на jQuery

Будем прокручивать изображения при кликах по стрелочкам вверх и вниз. В демках будет несколько вариантов с различными эффектами перехода при листании миниатюр.

Прокрутка изображений на jQuery
789 Slider

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

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

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

Elastislide - слайдер

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

Elastislide - слайдер