Varje bild visas i en sekund. Om man klickar på bild(plats)en laddas en ny sida. Vilken sida som laddas beror på vilken bild som visas just när man klickar. Så här kan koden se ut (blå text för koden, svart text för kommentarer): <SCRIPT LANGUAGE = "JavaScript" TYPE="text/javascript"> if(document.images) { bild=new Array() sidaattvisa=new Array() //nedan: första bilden m tillhörande sida att visa //byt ut laenkbild1.gif mot din bildfil //byt ut sida1.html mot din html-fil bild[0]=new Image() bild[0].src="laenkbild1.gif" sidaattvisa[0]="sida1.html" //nedan: andra bilden m tillhörande sida att visa //byt ut laenkbild2.gif mot din bildfil //byt ut sida2.html mot din html-fil bild[1]=new Image() bild[1].src="laenkbild2.gif" sidaattvisa[1]="sida2.html" //nedan: tredje bilden m tillhörande sida att visa //byt ut laenkbild3.gif mot din bildfil //byt ut sida3.html mot din html-fil bild[2]=new Image() bild[2].src="laenkbild3.gif" sidaattvisa[2]="sida3.html" //fortsätt ev m fler bilder o sidor att visa //på samma sätt som ovan //nedan: ändra ev siffra efter //maxvarv och/eller bytabildhurofta bildnr=0 doneit=0 maxvarv=4 //hur många gånger varje bild visas bytabildhurofta=1000 //hur länge varje bild visas } //nedan: funktionen iljlinkit() //kollar vilken sida som ska visas function iljlinkit() { if(document.images) { for(i=0;i<bild.length;i++) { if(document.iljbild.src==bild[i].src) { window.location=sidaattvisa[i] } } } } function iljbildspel() { if(document.images) { if(doneit<maxvarv) { document.iljbild.src=bild[bildnr].src bildnr++ if(bildnr==bild.length){bildnr=0;doneit++} iljtimer=setTimeout("iljbildspel()",bytabildhurofta) } } } //--> </SCRIPT> Om bildspelet ska starta automatiskt när sidan laddats klart kan man t ex placera ett anrop i BODY-taggen, så här: <BODY ONLOAD="iljbildspel()"> När man klickar på bilden anropas funktionen iljlinkit() som ser till att rätt sida visas. Anropet kan placeras efter ONCLICK eller efter HREF. Så här kan alltså bild- och länktaggen se ut: <A HREF="javascript:iljlinkit()"> <IMG SRC="../iljbildlink1.gif" BORDER="2" WIDTH="120" HEIGHT="120" NAME="iljbild" ALT="bildbeskrivn"></A> Istället för att använda IMG NAME kan man använda IMG ID och byta ut kodraden document.iljbild.src=bild[bildnr].src mot document.getElementById('iljbild').src=bild[bildnr].src ilj@flowsim.se Senast ändrad 6 februari 2001. Den här sidan hör hemma i ett ramsystem hos: www.flowsim.se |