Lecaw

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

+7(499)677-17-01
    +38(056)790-15-67


    Программирование и создание сайтов

 

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

(433)
(2)

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

(1245)
(1)

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

(1082)
(0)

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

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