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>