hjelp til å forstå en funksjon

[demiurgen]

jeg trenger litt hjelp til å forstå en funksjon.

jeg har akkurat begynt å lære meg javascript og har kjøpt en treningsvideo fra lynda.com.

jeg har forstått alt fram til kapittel 6 der disse funksjonene holder meg tilbake:

window.onload = rolloverInit;

function rolloverInit() {
for (var i=0; i<document.images.length; i++) {
	if (document.images[i].parentNode.tagName == "A") {
		setupRollover(document.images[i]);
	}
}
}

function setupRollover(thisImage) {
thisImage.outImage = new Image();
thisImage.outImage.src = thisImage.src;
thisImage.onmouseout = rollOut;

thisImage.overImage = new Image();
thisImage.overImage.src = "images/" + thisImage.id + "_on.gif";
thisImage.onmouseover = rollOver;	
}

function rollOut() {
this.src = this.outImage.src;
}

function rollOver() {
this.src = this.overImage.src;
}

jeg forstår det som skjer i rolloverInit() men på første linje i setupRollover() så stopper det opp for hjernen min.

 

hva er outImage og hvorfor er den der?

kunne man skrevet: thisImage = new Image();

 

kan noen som har lyst være så snille å forklare den funksjonen for meg?

[Jonas]

thisImage referer til DOM-objektet img, og når man skriver [object].[var] = [value], så deklarerer man en public variabel innenfor dette objektet og tilegner variabelen en verdi. Koden lager altså to nye bildeobjekter inni et allerede eksisterende bildeobjekt. Rollover effekten fungerer følgelig ved at parent-bildet bytter på å vise outImage og overImage.

Endret 24. november 2008 av Jonas