выделить определенные части изображения

122

Gigabajt

20 августа 2011, 13:46

1458

Есть схема проезда в виде картинки, на ней нарисованы здания различных форм, нужно сделать так, чтобы при наведении на определенное здание всплывала всплывающая подсказка с текстом и доп.картинками. Всплывающие подсказки я уже реализовал на js, но остается проблема выделения зданий, чтоб к ним прикрутить js.

я ппробывал сделать при помощи карт изображений:

все как бы хорошо, здание выделил, курсор при наведении меняется, но если я прикручу всплывающую подсказку (id="1") к изображению, то по всей ее поверхности карты будет всплывать яваскрипт-подсказка, а нужно только при наведении на определенную область.

Кто поможет с решением?

Лидогенерация в соц.сетях и контексте от 400 руб. за лид. Работаю с Telegram, Instagram, VK. Заказать услугу: https://impossible-studio.com

K

61

kud

20 августа 2011, 15:03

#1

Попробуйте сделать div с бекграундом - картинкой. В котором с помощью абсолютного позиционирования разместите пустые div с нужными размерами. И к ним прикручивайте js.

41

rame0

20 августа 2011, 15:19

#2

прикрутите подсказки не к картинке, а к <area>

Или вообще, вызывайте подсказку по событию скажем вот так:


<script type="text/javascript">
//<!--
$("area").hover(function(){
	    var id=$(this).attr('id'),
	    /*вывод подсказки по имеющемуся ID и какой нибудь еще код, если надо*/
	}, function(){
	    /*если надо что то сделать после 
	       снятия курсора с объекта, делаем это тут*/
        }
    );
//-->
</script>

122

Gigabajt

20 августа 2011, 16:16

#3

приписал подсказку к area, как посоветовал rame0, получилось, спасибо! :)

41

rame0

20 августа 2011, 16:41

#4

Gigabajt:
приписал подсказку к area, как посоветовал rame0, получилось, спасибо! :)

Всегда пожалуйста :)

VK приобрела 70% в структуре компании-разработчика red_mad_robot

Что делать, если ваша email-рассылка попала в спам