Lecaw

Учимся создавать Web-сайты

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

(362)
(2)

Adapter - легкий jQuery slider контента, который предоставляет простой интерфейс разработчикам для создания красивой 2D или 3D анимации перелистывания слайдов.

(1170)
(1)

В этом учебном руководстве мы создадим упрощенный, вертикальный слайдер продукта для интернет-магазина или портфолио. Идея состоит в том, чтобы создать различные разделы в полноэкранном виде: изображение или предварительный просмотр, навигация и описание. При навигации элементов мы будем передвигать раздел предварительного просмотра и раздел с описанием в противоположных направлениях. Идея "противоположного" перехода присутствует на красивом веб-сайте Национального Музея LGBT, который перемещает левую и правую сторону таким же образом при навигации страницы.

(1009)
(0)

В последнее время, на многих веб-сайтах стали использовать эффект 'перелистывания страниц', поэтому я начал размышлять о том, как создать горизонтальный jQuery слайдер с эффектом перелистывания картинок. Я попытался сделать создание эффекта максимально простым.

(1251)
(0)
Страница 1 из 3