Всплывающая картинка при наведении на другую картинку

[Z3rique]

Вообщем мне нужен что бы при наведении на картинку #1 всплывала картинка #2, на картинку #3 всплывала картинка #4 и.т.д.

(Именно всплывала, а не изменялась прежняя.).

[dosha]

всё также тольк прибавляем :hover

.someclassname {
  background-color: #3D93FF;
}
 

.someclassname:hover {
  background-color: #0061D7;
}

иль ты хочешь, чтоб картинка каждый раз разной и постепенно выежала на место старой?(JS в помощь)

[Z3rique]

Мне нужно что бы при наведении на картинку #1, по верх неё появлялась (не обязательно плавно) картинка #2 и так с другими картинками.

[ZvEr_HaCkEr]

Оно ?

[Z3rique]

Нет, тут она просто изменяется, а мне нужно вот например как тут _http://art-factor.gmxhome.de/Home-DE-Fotografie.html, но тут картинка просто увеличивается, а мне нужно что бы вместо увеличения появлялась другая картинка...

[ZvEr_HaCkEr]

http://programmersforum.ru/showthread.php?t=81607

[StagnantIce]

<img src="на которую наводят" onmousemove="show()" onmouseover = "hide()">
<div style="position:absolute;display:no ne" id="hdiv">
<img src="которая появляется" >
</div>

<script>
function show() {
document.getElementById('hdiv').sty le.display = 'block';
}

function hide() {
document.getElementById('hdiv').sty le.display = 'none';
}

</script>

[Z3rique]

Не работает, появляются сразу обе картинки..

[StagnantIce]

не может быть, проверьте что стоит в стилях display:none
<div style="position:absolute;display:no ne" id="hdiv">
<img src="которая появляется" >
</div>