[evtalex]

evtalex

[evtalex]

На сайте 9 месяцев (заходил 17 дней 18 часов назад)
+ 1  0  - 0
2
165.34
Рейтинг165.34
165.34
Отзывы+ 1  0  - 0
+ 1  0  - 0
Все (2)       Заказы (2)        Вакансии (0)       Конкурсы (0)
Разместить заказ
14 Января 2021
Бюджет: 1400 руб
Необходимо доработать слайдер, чтобы при движении влево слайд не смещался на некоторое время вправо, а сразу центрировался, то есть анимация была точно такой же как при движении вперёд.

Слайдер:
codepen.io/walley/pen/wvz...

Прошло времени с момента публикации: 9 месяцев 12 дней 26 минут
Раздел: Разработка сайтов / Верстка

Рейтинг: 2095.1 Исполнитель определен:
12 Января 2021
Необходимо сверстать нестандартный адаптивный слайдер.

Решение желательно на одном из известных плагинов слайдшоу/каруселей (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-ая секция).

Прошло времени с момента публикации: 9 месяцев 14 дней 1 минута
Раздел: Разработка сайтов / Верстка
Рейтинг: 394.3 Исполнитель определен: