image-map с onMouseOut и onMouseOver

[brainless]

что делать и как мне быть я уже ума не приложу

история такая:

картинки 600на400пх каждая на отдельной странице

являются картами, где каждая половина изображения осуществляет шаг впер?д (правая сторона) и шаг назад (левая) на одну картинку, т.е. области по 300на400пх. карта работает вс? отлично,

НО

нужно чтобы в этих областях 300на400 при наведении курсора возникали изображения стрелок влево и вправо соответственно. как так сделать?

<img src="прозрачное изображение.gif" width="600" height="400" border="0" style="background-image: url(настоящее изображение 600на400пх.jpg);" usemap="#map">
<map name="map">
<area shape="rect" alt="previous" coords="0,0, 300,400" href="предыдущая картинка.html">
<area shape="rect" alt="next" coords="300,0, 600,400" href="следующая картинка.html">
</map>

всплывающие изображения тоже прозрачные gif'ы, но с белыми стрелками, которые как раз и должны быть видны поверх изображения, которое специально для этого сделано фоном... такие мои соображения...

и если такая штука возможна, то было бы очень приятно узнать, как сделать так, чтобы она ещ? работала не только в одном IE (ну..там что-то похожее на правду есть, - это когда onMouseOut и onMouseOver прописываешь изображению -, но в остальных браузерах ничего нет вообще. как была карта так и осталась.)

В общем, совместимы ли такие вещи?

[Dimitry Wolotko]

Просто уточняющий вопрос - а зачем мапы?

[brainless]

ну вопрос ради интереса был по большей части) я вс?-таки не поленился и сделал другим пут?м вс? как надо, но это было дольше. я подумал, может, с мапом тоже реально, потому что так код меньше гораздо..

[yopopt]

что делать и как мне быть я уже ума не приложу

история такая:

картинки 600на400пх каждая на отдельной странице

являются картами, где каждая половина изображения осуществляет шаг впер?д (правая сторона) и шаг назад (левая) на одну картинку, т.е. области по 300на400пх. карта работает вс? отлично,

НО

нужно чтобы в этих областях 300на400 при наведении курсора возникали изображения стрелок влево и вправо соответственно. как так сделать?

<img src="прозрачное изображение.gif" width="600" height="400" border="0" style="background-image: url(настоящее изображение 600на400пх.jpg);" usemap="#map">
<map name="map">
<area shape="rect" alt="previous" coords="0,0, 300,400" href="предыдущая картинка.html">
<area shape="rect" alt="next" coords="300,0, 600,400" href="следующая картинка.html">
</map>

всплывающие изображения тоже прозрачные gif'ы, но с белыми стрелками, которые как раз и должны быть видны поверх изображения, которое специально для этого сделано фоном... такие мои соображения...

и если такая штука возможна, то было бы очень приятно узнать, как сделать так, чтобы она ещ? работала не только в одном IE (ну..там что-то похожее на правду есть, - это когда onMouseOut и onMouseOver прописываешь изображению -, но в остальных браузерах ничего нет вообще. как была карта так и осталась.)

В общем, совместимы ли такие вещи?

А что мешает повесить onmouseover на area?

<img src="прозрачное изображение.gif" width="600" height="400" border="0" style="background-image: url(настоящее изображение 600на400пх.jpg);" usemap="#map">
<map name="map">
<area shape="rect" alt="previous" coords="0,0, 300,400" onmouseover="alert('1');" href="предыдущая картинка.html">
<area shape="rect" alt="next" coords="300,0, 600,400" onmouseover="alert('2');" href="следующая картинка.html">
</map>

[Dimitry Wolotko]

В JS.