Определить картинку по её area

newJS · 09.02.2016, 07:32

При использовании карт скрипт возвращает тег area, хотя мыша находится над картинкой.
Как получить картинку?
Пример.
Есть несколько элементов на странице, на них карта одинаковая для всех, как определить над какой картинкой мыша?
Как их перевязать скриптом, я знаю, делал не раз, но вот возник вопрос, а можно напрямую картинку получить, без выёживаний.
Браузер то знает над какой картинкой мыша находится, знает конечно, как у него забрать это знание.

Код:

<div class="sixBut">Первая кнопка
<img src="q1.png" alt="" usemap="#example1">
</div>
<div class="sixBut">Вторая кнопка
<img src="q1.png" alt="" usemap="#example1">
</div>
<div class="sixBut">Третья кнопка
<img src="q1.png" alt="" usemap="#example1">
</div>

<map name="example1" id="example1">
<area href="#" alt="" title="" class="sixButArea" shape="poly" coords="0,24,71,0,73,0,143,24,143,72,73,96,71,96,0,72,0,24">
</map>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как определить свободную БД!?	vitaly-go	ASP, Perl, PHP и MySQL	9	06.08.2010 15:29
Высота viewable area у Safari в пикселах на MacBook 13'	ocho_koch	HTML, CSS, JavaScript	2	21.03.2010 21:59
Определить страну по IP	Мерлин	ASP, Perl, PHP и MySQL	18	17.11.2007 03:48
Area 51	imperior	Графические работы	25	24.05.2006 00:16
Map и Area	Silver	HTML, CSS, JavaScript	6	06.06.2003 11:26

09.02.2016, 07:32	#1
newJS	При использовании карт скрипт возвращает тег area, хотя мыша находится над картинкой. Как получить картинку? Пример. Есть несколько элементов на странице, на них карта одинаковая для всех, как определить над какой картинкой мыша? Как их перевязать скриптом, я знаю, делал не раз, но вот возник вопрос, а можно напрямую картинку получить, без выёживаний. Браузер то знает над какой картинкой мыша находится, знает конечно, как у него забрать это знание. Код: <div class="sixBut">Первая кнопка <img src="q1.png" alt="" usemap="#example1"> </div> <div class="sixBut">Вторая кнопка <img src="q1.png" alt="" usemap="#example1"> </div> <div class="sixBut">Третья кнопка <img src="q1.png" alt="" usemap="#example1"> </div> <map name="example1" id="example1"> <area href="#" alt="" title="" class="sixButArea" shape="poly" coords="0,24,71,0,73,0,143,24,143,72,73,96,71,96,0,72,0,24"> </map>