Javascript-форум - ?увеличение картинки при наведении?

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - ?увеличение картинки при наведении? (https://javascript.ru/forum/dom-window/10460-uvelichenie-kartinki-pri-navedenii.html)

?увеличение картинки при наведении?

Всем привет!
Мне надо реализовать такую ситуацию: есть фото(1.png к примеру) на фото нарисовано 5 объектов, при наведении на один из объектов он должен увеличиться, причем увеличивается не 1.png а другое изображение т.е. 2.png, 3.png и т.д.
Есть вот это: :write:

Код:

<a onMouseOver="windop=window.open('одна из 5 картинок.png','mywin'

,'height=120,width=200,left=100,top=30');" onMouseOut="windop.window.close();">

картинка общая.png</a>

, но он при наведении открывает ОКНО! с картинкой, а когда уводишь курсор с объекта окно пропадает, мне надо сделать чтобы окна не было, т.е. чтобы фото появлялось поверх первого изображения 1.png.

А чему удивляться?

Цитата:

onMouseOver="windop=window.open

- тут все так и написано)) Сделай это все в дивах. То есть в одном диве размести 1.png а в пяти вложенных дивах размести 5 объектов, которые должны увеличиваться. А потом им уже прописывай события onMouseOver и out. Или через тэг AREA. Добавь на страницу DIV (display:none) с максимальным z-index и картинкой внутри (1x1 прозрачный гиф) и при срабатывании события onMouseOver в этом диве картинке меняй src на нужный и выставляй div'у style.display = 'block'. При срабатывании события onMouseOut - добавляй div'у свойство стиля style.display = 'none';
то есть:

<div onMouseOver="document.getElementById('hiddenDiv').style.display='block'; document.getElementById('hiddenImage').src='myImg.png';" onMouseOut="document.getElementById('hiddenDiv').style.display='none';">тут картинка</div>