mouseover i form

<form>
<input type="image" src="billede.gif" onmouseover="this.src='nytBillede.gif'" onmouseout="this.src='billede.gif'">
</form>

/Nikolaj

Ovenstående er korrekt men ikke optimalt.

<script language=JavaScript>

var img1 = new Image(100,21);
img1.src = "billede1.gif";
var img2 = new Image(100,21);
img2.src = "billede2.gif";

function over() {
  event.srcElement.src = img2;
}

function out() {
  event.srcElement.src = img1;
}

</script>

<form>
<input type=image src="billede1.gif" onmouseover="over()" onmouseout="out()"></form>

viperine> og hvorfor er dit script så mere optimalt?

Det kaldes "precaching". Billedet er hurtigere om at loade.

viper's prreloader billederne så de er klar når de skal bruges. Funktionerne forstår jeg dog ikke skulle være nødvendige for at swappe 2 billeder :))

/Nikolaj

Nej nej, det var bare én måde. :-)

:))

viperine >> det er muligt at det virker i IE, men det bør ikke virke hvis det skal være efter reglerne.
    event.srcElement.src = img2;
assigner hele Image objektet til source attributten (som bør indeholde en adresse).
Så lad os give den billedets adresse:
    event.srcElement.src = img2.src;

Mit script er skam 100% W3C godkendt. - Og det burde oven i købet virke på Nutscrape.

Hov... det er også rigtigt. Jeg havde faktisk glemt at skrive src efter. Undskyld, undskyld. Men jeg vidste det dog godt. :)