Скрипта прави 2неща. Първо зарежда картинките преди още да са извикани за показване. Ако тази част я няма когато минете с мишката в/у картинка на която е приложен скрипта известно време мястото ще стои празно, докато се извика и зареди 2рата картинка.

С javascript-а правим обект Image() и му придаваме изображение. Едно за нормално състояние и едно когато мине мишката.

След това има 2 функции "over" и "out", които променят изображенията според ситуацията.

Ако погледнете таговете <а> ще видите onMouseOver и onMouseOut. Това са събития при които се изпълняват замените на изображения.

Итова е кода:

<script language="JavaScript">
<!--
// Предварително зареждане на изображенията.
if (document.images) {
img1_open = new Image();
img1_closed = new Image();
img2_open = new Image();
img2_closed = new Image();

img1_open.src="open1.gif";
img1_closed.src="closed1.gif";
img2_open.src="open2.gif";
img2_closed.src="closed2.gif";
}

function over(i)
{
if (document.images)
eval('document.img'+i+'.src=img'+i+'_open.src');
}

function out(k)
{
if (document.images)
eval('document.img'+k+'.src=img'+k+'_closed.src');
}
//-->
</script>


<a href="http://www.uroci.com/" onMouseOver="over(1);" onMouseOut="out(1);">
<img name=img1 border=0 alt="Смяна на изображението..." src="closed1.gif"></a>

<a href="http://www.uroci.com/" onMouseOver="over(2);" onMouseOut="out(2);">
<img name=img2 border=0 alt="Смяна на изображението..." src="closed2.gif"></a>