Jag har ett table vid vänster kant på sidan med 4 celler med en länk i varje.
Nu vill ja ha så att det är imageswap på mouse over på varje länk.
om ni skulle kunna slänga upp en kod till detta så skulle jag vara ytterst tacksam.
vanlig simpel mouse over
4 svar · 230 visningar · startad av dude85
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.
:)
ok tackar så mycket.
men finns det verkligen inte någon simplare kod?
har för mig jag har sett något enklare än det =)
tack iaf
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.
:)
Ä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..?