Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   Работа с областью на изображении (https://forum.antichat.xyz/showthread.php?t=89474)

inlanger 28.10.2008 19:22

Работа с областью на изображении
 
Есть картинка, нужно чтобы при наведении на определённую область на этой картинке выводить всплывающую подсказку.
Код красивой подсказки у меня есть, параметр alt не предлагать :)

Kaimi 28.10.2008 19:30

Вариант?
http://www.javascriptkit.com/howto/imagemap.shtml

inlanger 28.10.2008 19:37

Буду разбираться... вроде то, только не пойму чё и как.

vikseriq 29.10.2008 00:07

Есть замечательные теги map и area - вот там то и есть Дао ))
Ну, как вариант, можно и div-ы многослойные класть, но это уж делают только такие мудрецы, как я ))

Naydav 29.10.2008 09:50

Цитата:

Сообщение от inlanger
Есть картинка, нужно чтобы при наведении на определённую область на этой картинке выводить всплывающую подсказку.
Код красивой подсказки у меня есть, параметр alt не предлагать :)

Хочешь как на flickr?
держи h_ttp://fotonotes.net/

inlanger 29.10.2008 14:09

Цитата:

теги map и area
Ты можешь сделать area ссылкой? Именно вписать туда <a href>? Мне нужно чтобы там было именно <a>, параметр href к area не катит.

Naydav 29.10.2008 14:30

Цитата:

Сообщение от inlanger
Ты можешь сделать area ссылкой? Именно вписать туда <a href>? Мне нужно чтобы там было именно <a>, параметр href к area не катит.

А чем тебя не устраивает, тот вариант, что япредложил?
Формируем массив джаваскрипт, на передаем его в функцию и на основе его строим комменты?
Я даже ссылку на код дал

могу и на jquery выложить, если первый вариант не устраивает

Вот еще пример, достаточно просто сохранить страницу, и забрать скрипт
h_ttp://flamber.ru/notes/

inlanger 29.10.2008 14:33

В том что ты предложил не добавляются новые метки через ФФ на линухе. Дай плиз ссылку на jquery примерчик, попробую.

inlanger 29.10.2008 14:38

_ttp://openit.com.ua/used_files/Image/MOVE_EAST/map_move_east.gif
вот картинка. Надо чтобы при наведении на красную точку появлялся тултип как тут:
_ttp://www.web-graphics.com/mtarchive/BubbleTooltips.html
Я даже не знаю с чего начать...

Naydav 29.10.2008 14:46

Цитата:

Сообщение от inlanger
_ttp://openit.com.ua/used_files/Image/MOVE_EAST/map_move_east.gif
вот картинка. Надо чтобы при наведении на красную точку появлялся тултип как тут:
_ttp://www.web-graphics.com/mtarchive/BubbleTooltips.html
Я даже не знаю с чего начать...

_ttp://www.web-graphics.com/mtarchive/BubbleTooltips.html - css'шные тултипы(знач менее гибкие), лучше использовать js

h_ttp://jquery.bassistance.de/tooltip/demo/

Твой пример - Image map with tooltips (карта там внизу)


Время: 19:13