© ilj ilj@flowsim.se
JavaScript på svenska 45
JavaScript animation - bannertyp
- (bilderna är på sammanlagt 43 kB)
JavaScript BANNER




 
Och så här ser koden ut:
 
<SCRIPT LANGUAGE="JavaScript">
<!--

if(document.images)
{
intervall=2000 //hur ofta bilderna växlas (i millisekunder)
antalvarv=10 //antal gånger varje bild visas
i = 0
j=0
anropad = 0
     bild = new Array()
     bild[0]= new Image()
     bild[1]= new Image()
     bild[2]= new Image()
      //etc
     bild[0].src= "FIRST.JPG"
     bild[1].src= "SECOND.JPG"
     bild[2].src= "THIRD.JPG"
      //etc
}
function iljbanner()
{
     document.iljbild.src = bild[i].src
      iljtimer = setTimeout("iljbanner()",intervall)
      i++
      if(i==bild.length)
      {
      i=0
      j=j+1
      }
      if(j==antalvarv)
      {
      clearTimeout(iljtimer)
      anropad = 0
     j=0
     }
}
function test()
{
if(document.images)
     {
     if(anropad == 0)
      {
      iljbanner()
      anropad = 1
      }
     }
}
//
-->
</SCRIPT>
 

<IMG NAME = "
iljbild"
     SRC= "
bildfil"
     WIDTH = "
bildens bredd i pixel"
     HEIGHT = "
bildens höjd i pixel">
 
Glöm inte att starta det hela med ett anrop - test() - t ex efter BODY ONLOAD.
 

 
Ändringar man måste göra
 
1 Fyll i namnen på de bildfiler som ska användas (i exemplet skrivna med VERSALER)!
 
2 Fyll i en bildfil efter SRC; det blir den bild som kommer att visas i de webbläsare där javascriptet inte fungerar!
 
3 Fyll i bild(plats)ens bredd och höjd i IMG-taggen!

 

 

 
och några av de ändringar man kan göra
 
1 Lägga till fler bilder. Ersätt
//etc med bild[3]=new Image() resp bild[3].src="FOURTH.JPG" osv
 
2 Ändra siffran som reglerar hur länge varje bild visas. Det är siffran efter
intervall som ska ändras. Exemplets 2000 betyder att bilderna växlas med ett intervall av 2 sekunder.
 
3 Siffran efter
antalvarv reglerar hur många gånger bildsviten körs igenom. I exemplet visas varje bild alltså 10 gånger.
 

Sidan gjordes av
 
ilj
 
ilj@flowsim.se
 

 
Senast ändrad 13 juni 1998.
 
Den här sidan hör hemma i ett ramsystem
hos:
www.flowsim.se