Нужно сверстать одну секцию-слайдер используя 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 верстка
Веб-дизайн и разработкаПривет! Для текущего проекта ищу двух отдельных специалистов: веб-дизайнера (Figma) веб-разработчика (Frontend / WordPress) Проект включает задачи по типу: лендинги, интернет-магазин, админ-панели, сайт на WordPress, а также при необходимости небольшие задачи на React /… HTML и CSS верстка, Дизайн сайтов ∙ 2 дня 13 часов назад ∙ 106 ставок |
Нужен разработчик Drupal для правок на нескольких сайтах.Нужен разработчик Drupal для правок на нескольких сайтах. Сайт раздувается и заполняет весь хостинг .. HTML и CSS верстка, Веб-программирование ∙ 2 дня 20 часов назад ∙ 37 ставок |
Оптимизация скорости сайта WordPress
5092 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 3 дня 11 часов назад ∙ 66 ставок |
Сверстать сайт и подвязать его к shopifyсверстать сайт и подвязать его к shopify на макете основная страница страницы товаров не будет, будет модальное окно с выбором объема баночки крема и его количества после окно доставки и оплаты заказ должен уходить в shopify с полной информацией о заказе… HTML и CSS верстка, Веб-программирование ∙ 3 дня 14 часов назад ∙ 76 ставок |
Оптимизация сайта
Оптимазация сайта jdgreta.co.uk на Shopify. Сео аудит приложен к проекту. Основные задачи - - Поправить все мета данные - Выполнить ТЗ для программиста (тк в этом проекте совмещены задачи для программиста и СЕО, если вы не компания - можете использовать помощь) - Поправить… HTML и CSS верстка, PHP ∙ 4 дня 15 часов назад ∙ 33 ставки |
Киев