Rollover med rullende grafik

I eksemplet vedr. Kvikskift rollover demonstrerede jeg, hvorledes der kan laves en rollover-effekt, når musen føres hen over et andet element end netop det billede, jeg ønsker skal vise effekten.

Denne erfaring kan jeg bruge til at lave en rollover med rullende grafik, som vist herunder:

Effekten opnås meget enkelt ved at indlæse en off-grafik, der er usynlig, eller som har samme farve som baggrunden.

Koden, der preloader billederne, kan forenkles en del, når der – som her – er tale om kun 2 forskellige billeder:

antal=4
imagesOn=new Array()
imagesOff=new Array()
for (i = 1; i<antal+1;i++){
  imagesOn[i]=new Image();
  imagesOn[i].src="greendot.gif";
  imagesOff[i]=new Image();
  imagesOff[i].src="nogreendot.gif";
}
function imgOn(nr){
  document.images['img'+nr].src=imagesOn[nr].src;
}
function imgOff(nr){
  document.images['img'+nr].src=imagesOff[nr].src;
}
1 2 3 4 5 6 7 8 9 10

Denne side er senest opdateret: 25. October, 2007