Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   как это осуществить? (https://javascript.ru/forum/misc/54575-kak-ehto-osushhestvit.html)

zUnnika 23.03.2015 15:58

как это осуществить?
 
Доброго времени суток форумчане , вот такая идея возникла , на сайте хочу разместить грубо говоря машину , и когда на определенную деталь авто нажимаешь , чтобы давало полное описание детали , это возможно?

Aetae 23.03.2015 16:06

возможно

zUnnika 23.03.2015 16:06

Цитата:

Сообщение от Aetae (Сообщение 362656)
возможно

подскажите как? с чего начать? или это как то через flash делается?

laimas 23.03.2015 16:10

http://htmlbook.ru/html/map

zUnnika 23.03.2015 16:21

картинка будет целой , при наведении на часть детали она должна выделятся , а при нажатии на часть , показывать некую информацию , вот как это сделать

zUnnika 23.03.2015 16:26

может есть прога , которая часть картинки выделяет , и туда можно вставить код?

tsigel 23.03.2015 16:32

zUnnika,
Делал похожее с помощью canvas, и map. Была интерактивная карта России по регионам. надо было при наведении на регион показать его данные. С помощью map определял наведение на регион, а затем на canvas выделял его контур (брал его из map)

zUnnika 23.03.2015 18:11

tsigel , а как это на картинке реализовать? как выделить определенный фрагмент картинки и вставиь код?

laimas 23.03.2015 18:29

Вы ссылку о картах изображений читали?

Создаете карту на свой машине, это будут горячие области на ней. Этим областям можно назначит обработчики событий. А дальше полет фантазии, можно иметь изображения узлов автомобиля отличающиеся по яркости или по цвету. А можно их сделать еще немного большими по размеру, анимируя размер их от равного исходному к их полному при показе.

Эти изображения узлов, это формат PNG24 и с абсолютным позиционированием относительно исходного изображения.

zUnnika 23.03.2015 19:21

laimas , я понял это все , но я не пойму одного , есть картинка , мне ее резать придется ,чтобы определенную область описать , или как то через функцию можно ее выделить?

zUnnika 23.03.2015 19:22

laimas , именно иметь каждую деталь машины и как пазл складывать, описывая каждую делать ,или же по другому?

laimas 23.03.2015 19:29

Боже мой, вы прочли о map? Добавить их изображению можно и в редакторе, хотя и не все имеют такой инструмент, или же в сети найдете такой онлайн генератор. Что резать то? Все, после этого у вас будут определены карты, этим областям и навешивайте обработчик.

А детали, которые надо будет показать при наведении/щелчке по карте, это отдельные изображения, и тут можно поступать 1000 и одним способом, в смысле фантазии. Что не понятного?

zUnnika 23.03.2015 19:40

laimas,
все , догнал) спасибо
просто не понятно было как картинку на сектора разбить )
внимательней прочитал и все понял, большое вам спасибо


Часовой пояс GMT +3, время: 19:45.