Нужно сверстать одну секцию-слайдер используя HTML, CSS, Vanilla JS
700 UAHДизайн в фигма, ссылка https://www.figma.com/file/19DfM99Oq5QzWldJB3lV37/Untitled?node-id=0%3A1&t=qywWvylb7m5MJhwP-1
Описание задачки:
Нужно реализовать слайдер (можно использовать библиотеки на подобии swiper), но важно чтобы они использовали vanilla js. В слайдере должен быть функционал автоплея. При клике на иконку снизу предыдущее имя прячется и появляется другое имя рядом с иконкой по которой был осуществлен клик. Стрелочка слайдера так же перемещается и становится над иконкой этого человека и меняется текст в самом слайде соответственно
Помимо этого хотелось бы чтобы скрипт просчитывал высоту и менял высоту слайда в зависимости от кол-ва текста. Т.е. если текста будет очень много, то он по высоте динамически увеличивался
Так же есть мобильная версия, функционал тот же. Можно для мобилки упростить задачку и зафиксировать стрелочку в одном положении, чтобы просто снизу иконки людей и имена менялись по клику и показывался текст разный.
На выходе ожидаю рабочий код разбитый на файлы (стили, верстка и скрипты). Можете на кодпен залить, или отправить архивом, без разницы)
Результаты работы
Отзыв заказчика о сотрудничестве с Тетяной Дукой
Нужно сверстать одну секцию-слайдер используя HTML, CSS, Vanilla JSВсе супер! Татьяна показала себя с самой лучшей стороны. Крайне ответственно и качественно подошла к работе, все правки и задача были выполнены в полном объеме! Спасибо, будем еще сотрудничать.
Отзыв фрилансера о сотрудничестве с Антоном Шевченко
Нужно сверстать одну секцию-слайдер используя HTML, CSS, Vanilla JSМне понравилось работать с вами, и я надеюсь, что вы встретитесь еще!
-
1 день700 UAH
589 8 0 1 день700 UAH
Здравствуйте !
Ознакомился с Вашей задачей, готов реализовать указанный слайдер.
Могу приступить сразу, после обсуждения деталей.
Обращайтесь, буду рад сотрудничеству!
Примеры работ:
Freelancehunt
Мой стек: HTML, CSS/SCSS (Flexbox, Grid), MobileFirst, Bootstrap, BEM, Javascript, jQuery, Gulp, Wordpress.
-
1 день700 UAH
1006 16 0 1 день700 UAH
Добрый день , сделаю на swiper js всё как надо под любые устройства
Пример на главной есть пару слайдеров на swiper Js
https://tihimvecherom.github.io/iCashCars/
Sale 15%
-
Победившая ставка1 день700 UAH
852 20 0 Победившая ставка1 день700 UAH
Доброго дня!
Готовы к работе только сейчас!
Напишите мне лично для более подробной дискуссии!
-
1 день700 UAH
1225 19 0 2 1 день700 UAH
Добрый день! Готов взяться за заказ, задание понятно, завтра днем уже отправлю. Я как-то уже делал самописный слайдер, он нормально работал, вот можете посмотреть тут:
https://tmkirill.github.io/EKTA/
-
1 день697 UAH
477 2 0 1 день697 UAH
Добро пожаловать! Знакомился с ТЗ, готов к работе. Для уточнения деталей пожалуйста напишите.
Актуальные фриланс-проекты в категории HTML и CSS верстка
Разработка iOS-приложения для онлайн-шахмат аналога (возможно через Vibe Coding)
20 000 UAH
Необходимо разработать MVP мобильного приложения только под iOS. В качестве основы можно взять концепцию Chess.com, но без копирования дизайна или кода. Желательно максимально использовать Vibe Coding/AI для ускорения разработки и снижения стоимости, но код должен быть чистым,… HTML и CSS верстка ∙ 51 минута назад ∙ 11 ставок |
Ищем специалиста по ДжумлеВсем привет, есть проект, по которому нужен специалист по Джумле. Сейчас нужно разобраться, как там всё устроено и какие есть страницы. Найти страницу и форму регистрации и рассказать, показать, как всё работает и куда идут заявки и т. д. HTML и CSS верстка ∙ 2 часа 21 минута назад ∙ 14 ставок |
Веб-дизайн и разработкаПривет! Для текущего проекта ищу двух отдельных специалистов: веб-дизайнера (Figma) веб-разработчика (Frontend / WordPress) Проект включает задачи по типу: лендинги, интернет-магазин, админ-панели, сайт на WordPress, а также при необходимости небольшие задачи на React /… HTML и CSS верстка, Дизайн сайтов ∙ 3 дня 4 часа назад ∙ 115 ставок |
Нужен разработчик Drupal для правок на нескольких сайтах.Нужен разработчик Drupal для правок на нескольких сайтах. Сайт раздувается и заполняет весь хостинг .. HTML и CSS верстка, Веб-программирование ∙ 3 дня 11 часов назад ∙ 39 ставок |
Оптимизация скорости сайта WordPress
5092 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 4 дня 2 часа назад ∙ 68 ставок |
Киев