- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Маркетинг для шоколадной фабрики. На 34% выше средний чек
Через устранение узких мест
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Приветствую!
На сайт необходимо внедрить 2д модель, пример: http://goodimg.ru/img/cherteji-mashin1.jpg
Т.е. по сути это просто "чертеж" автомобиля.
Смысл в том, что будет использоваться одна такая модель все всех авто на сайте (сайт - доска объявлений по авто). И на этой модели нужно подсвечивать разными цветами детали.
Допустим дверь нужно подсветить красным (крашеная), капот и бампер передний - желтым (битый) ну и тому подобное.
Соотвественно когда человек выкладывает объявление он должен выбирать деталь на 2д модели и подписывать что с ней не так во всплывающем окне.
Потом формируется модель при просмотре объявления с подствеченными частями. Когда направляют на цветную часть, должна выходить подзказка, наподобие: "Эта деталь подкрашена".
Думаю Вы поняли, что я хочу)
Подскажите, пожалуйста, как это все реализовать?
Подскажите логику работы? Куда смотреть? Может есть уже готовые JS планины?
Или это можно сделать на HTML + CSS?
Нужно ли дизайнеру рисовать все вариации подкрашенных деталей и давать мне десятки картинок? Или можно будет подкрасить деталь с помощью CSS?
P.S. желательно без flash.
Буду благодарен за помощь, а то пока не знаю куда даже "копать".
Спасибо!
revered, в html5 можно сделать, вот направление в которую сторону копать
https://habrahabr.ru/post/127994/
Вот тут есть библиотека с примером как это можно сделать
http://konvajs.github.io/docs/sandbox/Modify_Shape_Color_on_Click.html
но в любом случае вам по каждой картинке нужно будет рисовать SVG из замкнутых путей чтобы сформировать динамические элементы
Исходя из того что данные будут рандомные... яб копнул в сторону php GD - файлы можно либо изначально нарезать, либо отдавать слоями, но если нарезать то нагрузка на один запрос будет меньше.
т.е. режем сразу все запчасти, собираем картинку в GD библиотеке, сразу закрашивая в нужный цвет нужный кусок.
Всем спасибо за ответы! Буду изучать)
revered, есть целиком готовый вариант, который возможно вам подойдет. Есть свободный просмоторщик карт Leaflet, где можно создавать на карте закрашенные области, создавать интерактивные метки и пр. Так вот никто не мешает вам в качестве подложки использовать не карточные тайлы, а свой рисунок...