Работа с областью на изображении

[inlanger]

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

[Kaimi]

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

[inlanger]

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

[vikseriq]

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

[Naydav]

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

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

[inlanger]

теги map и area

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

[Naydav]

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

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

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

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

[inlanger]

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

[inlanger]

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

[Naydav]

_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 (карта там внизу)

[inlanger]

знач менее гибкие
да мне не гибкость нужна, а именно этот вид, он заказчиками понравился. А за ссылку на jquery спасибо, буду разбираться.

[Naydav]

да мне не гибкость нужна, а именно этот вид, он заказчиками понравился. А за ссылку на jquery спасибо, буду разбираться.

h_ttp://jquery.bassistance.de/tooltip/demo/
Твой пример - Image map with tooltips (карта там внизу)
Адрес на сорс забыл дать
h_ttp://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

[inlanger]

Да сорс я нашёл ужо, колупаю.

[inlanger]

h_ttp://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
вот тут в архиве с демкой есть png файлы, как бы фон тултипа. Но вот как его вставить, я не нашёл :( А очень надо.

[Cecil B Demented]

как бы есть screen.css в нём классы #tooltip.fancy, #tooltip.fancy.viewport-right пользуют фоны.

[Naydav]

h_ttp://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
вот тут в архиве с демкой есть png файлы, как бы фон тултипа. Но вот как его вставить, я не нашёл :( А очень надо.

Блин, ну возьми имя пнгешника и поиском пробегись по файлам (в тотал командере alt+f7)
А фон прописывается, как уже ответили в css

[JAH]

Попробуй разметить картинку через map (html), подкрепи к странице jquerry и просто напросто к "<a href .... " добавь " tip=Свое описание " ,так будет намного проще,а внешний вид всплывающей подсказки сам потом настроиш в css