D dude85 Medlem sedan mars 2003 5 inlägg Frågan 28 mars 2003 10:05 #1 Jag har ett table vid vänster kant på sidan med 4 celler med en länk i varje.
P Peter S Medlem sedan dec. 2002 5 483 inlägg Exempel:
<head>
<script type="text/javascript">
<!--
// Skriv in alla bilder som skall användas här
var images = [ "images/foo.png", "images/bar.png" ];
function preload(){
if( arguments[0] >= images.length )
return;
var img = new Image();
img.src = images[ arguments[0] ];
preload( arguments[ 0 ]+1 );
};
preload( 0 );
function mouseEffect( o, i ){
o.src = i;
};
//-->
</script>
</head>
<table border="1">
<tr>
<td><img src="foo.png" height="50" width="50" onmouseover="mouseEffect(this,'images/bar.png')" onmouseout="mouseEffect(this,'images/foo.png')"></td>
</tr>
</table>
Som andra argument till funktionen mouseEffect() skickar du sedan in sökväg och namn till den bild som skall visas vid aktuell händelse.
:)
D dude85 Medlem sedan mars 2003 5 inlägg ok tackar så mycket.
P Peter S Medlem sedan dec. 2002 5 483 inlägg Detta var bara ett exempel ;) Men det enda du behöver bry dig om är att lägga till bilderna i vektorn images , samt att skicka in bildnamnet som andra argument till funktionen.
Förladdningsmekanismen är ju valfri.
:)
E ejick Medlem sedan mars 2001 895 inlägg Är inte det enklaste:
<a href="#" onMouseOver="document.namn.src='bild2.gif';"><img src="bild1.gif" name="namn"></a>
Men det kanske är lite väl mycket 3.0..?
