Vis et ekstra billede

Ved at anvende mit universalscript til rollovers (websiden Automatisk fyldning af Arrayet) og på lektionen om rullende grafik, kan jeg lave en rollover, der foruden sin normale funktion også laver "rollover" på et tredie billede.

Du ser et eksempel på denne teknik herunder:

Effekten opnås ved at preloade nogle ekstra billeder og føje en linie til hhv. imgOff()- og imgOn()-funktionerne:

antal=4
var imageson=new Array();
var imagesoff=new Array();
var imagesextra =new Array();

for (i=1; i<antal +1; i++){
  imageson[i]=new Image();
  imageson[i].src="imgon.gif";
  imagesoff[i]=new Image()
  imagesoff[i].src="imgoff.gif";
  imagesextra[i]=new Image();
  imagesextra[i].src="adimg" + i + ".gif";
}
function imgOn(nr) {
  document.images['img'+nr].src=
  imageson[nr].src;
  document.images.adimg.src=imagesextra[nr].src;	
}	
function imgOff(nr) {
  document.images['img'+nr].src=
  imagesoff[nr].src;
  document.images.adimg.src=
  "adimg0.gif";		       
}
1 2 3 4 5 6 7 8 9 10

Denne side er senest opdateret: 2. December, 2006