Как реализовать похожее на сайте?

Question

[Василий Атремьев]

Подскажите пожалуйста, как проще всего реализовать, что то подобное как тут 1belagro.com/drawing/selhoztehnika/mtz/mtz_082/dvi... или в самом простом исполнении
Без сторонних ресурсов типа auto2d com. Буду признателен за дельный совет. Спасибо

Comments

[Сергей Сергей]

Блок с фоновой картинкой и абсолютно позиционированными ссылками (в которых числа). В простом исполнении не будет масштабирования и перетаскивания.

Answer 1

[VoidVolker]

Проще всего взять и открыть исходный код сайта и посмотреть как там сделано — картинка фоном и сверху элементы с числами. Всего-то два клика.

Comments

[Василий Атремьев]

ух ты, правда?

[Олег]

по вашей логике ya.ru - это просто форма с одним полем ввода.
10 минут работы.

[VoidVolker]

Василий Атремьев
Да, правда-правда.

Олег Муравейко
А что нет что ли? Форма есть? Есть. Поле ввода есть? Есть. Так что все правильно говорите.

Answer 2

[Антон]

Есть у Вас группа товарных позиций, есть у группы данный блок с чертежом.
У каждого товара создаем поля с абсолютными координатами и пишем айдишники, по сути, в дата атрибут.
На стороне сервера при переборе товаров, берем ключ массива товара, в котором находятся координаты и подставляем в блок с чертежом. В итоге, у нас 20 товаров и 20 маркеров на чертеже.
Далее в JS пишем обычный якорь, который будет по клику на маркер брать ID его товара-родителя и скроллится и активировать блок с этим товаром.
Я бы сделал как-то так.

Answer 3

[Олег]

Самому интересно как бесплатно получить, то что подписке стоит 15 тыс в месяц
https://tecdoc.abcp.ru/pricing

и представляет из себя сканы десятков тысяч сервисных книжек/ каталогов производителей.
свыше 5 млн номенклатуры.