изображение-карта, связанная с более чем одним изображением - PullRequest
Новая
       23

изображение-карта, связанная с более чем одним изображением

1 голос
/ 06 сентября 2010

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

<img id="img1" usemap="#my-map" .... >
<img id="img2" usemap="#my-map" .... >
<img id="img3" usemap="#my-map" .... >

<map name="my-map">
  <area  .... coords=... class="foo">
  <area ....  coords=... class="bar">
</map>

В каждом AREA есть обработчик событий при наведении курсора мыши.

Fom в области действия этих обработчиков событий при наведении курсора мыши на область , то есть, ссылаясь только на переменные, локальные для события наведения курсора на область, но не на глобальные переменные, можно узнать, какое изображение является мышьюна?Есть ли какие-то временные отношения, которые демонстрирует DOM, поэтому обработчик событий при наведении курсора на область мог бы ответить на вопрос «Какое изображение я отображаю в данный момент?»

Пожалуйста, исключите присоединение обработчиков непосредственно к самим изображениям.Я не пытаюсь решить проблему, но пытаюсь выяснить, что, если что-нибудь, может быть известно внутри обработчика событий при наведении курсора на текущее ассоциированное или «горячее» изображение.

Спасибо

1 Ответ

0 голосов
/ 06 сентября 2010

Вы можете использовать что-то вроде этого, чтобы найти идентификатор. 

$('area').bind('mouseover',function(e) {
    alert(e.fromElement.id); // will alert the ID of the image
})​;

Существует гораздо больше информации, которую вы можете получить от fromElement, такой как src, outerHTML и т. Д. Лучше всего использовать console.log (e); и копаться в том, что он выгружает в консоль, используя Google Chrome или Firebug в Firefox.

РЕДАКТИРОВАТЬ Этот подход в лучшем случае непостоянен и на него не следует полагаться. То, что доступно в e, по-видимому, определяется тем, к чему вы привязываетесь, и какую функцию вы получаете (щелчок, наведение мыши и т. Д.).

...