Java skript övningar

Javascript - Byt bild 1a - Byt bild 1b - Byt bild 1c - Förladda bilder

Klicka på en bild för att se en förstoring

 

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.