Бесплатно зарегистрируйся и получай уведомления о новых проектах по работе

Поделиться:

Сверстать адаптивный слайдер

e
Заказчик
Отзывы фрилансеров: + 1 0 - 0
Зарегистрирован на сайте 9 месяцев
Безопасная сделка Бюджет: 2250 руб
31.58 $ — 27.20 €
Исполнитель определен: Максим Башкардинов [kylfyk]
Необходимо сверстать нестандартный адаптивный слайдер.

Решение желательно на одном из известных плагинов слайдшоу/каруселей (slick, owl, swiper и т.д.)

Для разрешения 1920 px:
Активный слайд размером 867px на 654px.
Неактивные слайды размером 270px на 594px.
Расстояние между слайдами – 30px.

Для разрешения 370px:
Ширина 370px, высота 250px;

Закругление углов – 10px;
Прозрачность неактивных слайдов – 0.5

При перелистывании происходит плавное увеличение неактивного слайда до размеров активного с плавным появлением текста. Активный слайд, соответственно, также плавно уменьшается до размера неактивного слайда.

Важно, чтобы в неактивных слайдах картинка была такого же вида, как на картинке примере, то есть без искажений, просто "кропалась" до размеров слайда, что-то вроде object-fit: cover или background-size: cover; – на ваше усмотрение. 

Особых критериев к плавности нет, главное, чтобы было без рывков при переключении.

Стрелки навигации: размер 60px на 60px.
Отступы от сторон активного слайда – 25px.
Стрелки внутри непринципиальны. 

Точки навигации: размер одного переключателя – 60px на 4. 
Расстояние между переключателями – 10px.

Также предусмотреть возможность переключения слайда при клике на сам слайд (неактивный). 

Слайдер зациклить.

Заголовок слайда, текст описания и кнопка "подробнее" в мобильной версии просто приблизительного размера и оформления как на картинках, текст любой.
Изображения для слайдов также любые.

Похожий вариант слайдера ( с примером плавного переключения) – gwd.ru (4-ая секция).

Разделы:
Заказ
Опубликован:
12.01.2021 | 11:17 [поднят: 12.01.2021 | 13:41] [последние изменения: 12.01.2021 | 14:22]

Теги: верстальщик удаленно, сверстать сайт, сделать верстку, требуется верстальщик, сверстать страницу, ищу верстальщика