Появление картинки по верх другой

[DevilXrom]

Появилась проблема. Нужен готовый код.
Есть рисунок up.jpg.

на нем расположены 3 круглые ссылки. которые описаны далее в программном коде.

Есть 3 изображения (1.jpg , 2.jpg , 3.jpg) которые создают эффект вдавленности 3-х кнопок. (извеняюсь что не показал их тут)

Задача: Как сделать, что бы при наведении курсором на на одну из ссылок, появлялась соответствующая картинка, а при убирании курсора исчезала.

<table border="0" cellpadding="0" cellspacing="0" width="90%" height="255">
<tr>
<td>
<img border="0" src="/object/Up.jpg" width="587" height="252" usemap="#myMap">
<map name="myMap">
<area href="http://inteam-pw.ucoz.com" shape="circle" coords="550,45,30">
<area href="/forum" shape="circle" coords="550,110,30">
<area href="/index/0-2" shape="circle" coords="550,180,30">
</map>
</td>
</table>

[MyLastHit]

во фриланс за готовым кодом

[Green4el]

htmlbook.ru/html/div тема про блоки
www.html.by/threads/17-Stil-ssylok/page3 тема про смену картинки

З.ы. странное название у вас, "интим"...

[MrJenika]

1) Css ^

Задаете ссылке background, при hover на ссылку заменяете картинку.
Картинку лучше объединить в прайс, чтобы не было скачков картинок при наведении.

<a href="" class="link">Link</a>
<style>
.link{
	display: block;
	background url(img.png) no-repeat
}


.link:hover{ 
	background url(img2.png) no-repeat
}
</style>

[MyLastHit]

лучше объединить в прайс

Может спрайт?

[MrJenika]

Сообщение от MyLastHit

Может спрайт?

Он самый, заработался с этими интернет магазинами совсем. Спасибо что поправили.