Try this....
<html>
<head>
<title>RollOver</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="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) {
roll_01002 = newImage("roll/roll_01-02.gif");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" onload="preloadImages();">
<a href="LINK HERE"
onmouseover="changeImages('roll_01', 'roll/roll_01-02.gif'); return true;"
onmouseout="changeImages('roll_01', 'roll/roll_01.gif'); return true;">
<img name="roll_01" src="roll/roll_01.gif" width="10" height="10" border="0"></a>
</body>
</html>
Where the image is stores in a folder called "roll"
Good luck
Tonz
:cool: