Верстка страницы с SVG-планировками (нужные знания html, css, js, svg)
Нужно сделать верстку интерактивных планировок. Есть старая версия - https://mark-lviv.com.ua/uk/shema_tts/?floor=1 как видим, при наведении на полигон магазина - автоматически вслпывает логотип магазина, а если нажать на полигон магазина, то происходит переход на страницу магазина. Здесь используются эти файлы:
/template/map/style.css
/template/map/main.js
Сейчас мы сделали новую версию:
https://mark-lviv.com.ua/uk/shema_tts2/
https://mark-lviv.com.ua/uk/shema_tts3/
https://mark-lviv.com.ua/uk/shema_tts4/
Нужно для нее адаптировать верстку, чтобы были те же эффекты (появление картинки при наведении и переход на страницу магазина при клике). Также нужно сделать эти новые схемы SVG адаптивными (как и старые).
Работа требует уверенного знания SVG и JS, поэтому просьба писать тем, кто знает эти технологии достаточно хорошо. Если вы ранее такого не делали - не тратьте своё и моё время. Я сам немного разбираюсь в этих вещах, но с SVG всё сложнее, чем казалось (например, jquery не хочет работать с SVG DOM, так как с HTML DOM).
Также нужно сделать переключатель этажей так, как раньше, чтобы всё в одном файле работало. Сейчас на скорую руку выложено все в разные ссылки.
Пишите цену, сроки, опыт работы с SVG (желательно примеры) и слово "Банан", если прочитали это задание до конца.
Предложение без цены и сроков даже не рассматриваю.
Актуальные фриланс-проекты в категории Javascript
Верстка сайта по макету
20 000 UAH
Добрый день. Есть макет в фигме: https://www.figma.com/file/RGVIymprYc4QaiJ5qp3iwL/LayerGame?type=design&node-id=0-1&mode=design Есть ui kit и готовая верстка страницы Main, выполненная на React, анимации реализованы с помощью GSAP. Необходимо сверстать на этом стеке еще 2… HTML и CSS верстка, Javascript ∙ 24 ставки |
ПараллаксНужно сделать такой параллакс как здесь https://www.bangbangforever.com/#artists, то есть видео блок видео( уже все сверстано есть) и также уже часть параллакса готова, стек Next.js Javascript ∙ 1 ставка |
Настроить на сайте события Facebook Pixel и Google AnalyticsНастроить на сайте события Facebook Pixel и Google Analytics Сделать это через админку сайта, там просто добавить скрипты или через GTM Javascript, Веб-программирование ∙ 5 ставок |
Калькулятор расчета стоимости за м2 для сайта жалюзиПривет всем, мне нужно создать калькулятор расчета стоимости товара по ширине и высоте Пример расчета: Горизонтальные жалюзи 0.75 м2Тканевые ролеты 0.60 м2Москитные сетки 0.75 м2Римские шторы 1 м2Японские шторы 0.60 м2Защитные ролеты 1.3 м2Вертикальные жалюзиЦена от 1.6 м после… Javascript, PHP ∙ 11 ставок |
Стилизовать Select option WordpressЗадача стилизовать стандартный Select option в соответствующие стили. Проблема: при использовании замены дропдауна на list через jquery: не работают фильтры сортировки товаров. Javascript, PHP ∙ 9 ставок |