Funktionen, själva motorn, ligger i Head. Denna funktion tillkallas
sedan genom en händelse, i det här fallet ett musklick (onClick)
på bilden "a" eller "b". Mer om detta längst
ner på denna sida.
Funktionen heter visa bild och den har två argument,
cykelpump och bensin (de kan heta precis
vad som helst, utom något som innehåller åäö)
Den stora bilden uppe till höger källkod ser ut så här:
Den är namngiven till storbild själva bildkällan
är stor.jpg. Tidigare har vi inte namngivit bilder
på det här sättet. Bilden har allstå två namn.
Bildkällan till storbild kan bytas ut, som vi snart
skall se
De som kan byta ut storbild är de små bilderna
till vänster, så här ser "a" källkoden
ut. 
Detta lilla javascript tillkallar funktionen visa bild
(i headtaggen) och talar om att storbild (första
argumentet) skall byta ut sin bildkälla mot a.jpg
.(andra argumentet) när man klickar på det lilla aett
b funkar på likartat sätt..
Detta blev lite klyddigt, jag får förklara bätte på
lektionstid.
Kopiera ner källkoden från denna sida och analysera javascripten.
Tillverka några bilder i photoshop och använd denna sidas javascript
till att få bilderna att bytas ut. För att det inte skall bil
alltför enkelt skall du byta ut namnen på parametrarna och
bildnamnet storbild.
|