Questo esempio l'ho preso da Photshop. Prova a studiartelo:
codice:
<HTML>
<HEAD>
<TITLE>Senza titolo-1</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<SCRIPT TYPE="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		Senza_titolo_1_01_over = newImage("immagini/Senza-titolo-1_01-over.gif");
		Senza_titolo_1_01_down = newImage("immagini/Senza-titolo-1_01-down.gif");
		preloadFlag = true;
	}
}

// -->
</SCRIPT>

</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">

<A HREF="#"
	ONMOUSEOVER="changeImages('Senza_titolo_1_01', 'immagini/Senza-titolo-1_01-over.gif'); return true;"
	ONMOUSEOUT="changeImages('Senza_titolo_1_01', 'immagini/Senza-titolo-1_01.gif'); return true;"
	ONMOUSEDOWN="changeImages('Senza_titolo_1_01', 'immagini/Senza-titolo-1_01-down.gif'); return true;"
	ONMOUSEUP="changeImages('Senza_titolo_1_01', 'immagini/Senza-titolo-1_01-over.gif'); return true;">
	[img]immagini/Senza-titolo-1_01.gif[/img]</A>

</BODY>
</HTML>