[evtalex]

evtalex

[evtalex]

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

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

Прошло времени с момента публикации: 8 месяцев 11 дней 23 часа 21 минута
Раздел: Разработка сайтов / Верстка

Рейтинг: 2816.5 Исполнитель определен:
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-ая секция).

Прошло времени с момента публикации: 8 месяцев 13 дней 22 часа 56 минут
Раздел: Разработка сайтов / Верстка
Рейтинг: 393.3 Исполнитель определен: