Billedskift med 3 billeder
Hej eksperter,Jeg sidder lige og fifler med et billedrotationsscript
Det skal rotere billeder vilkårligt, men må ikke vise det samme billede samtidigt i de tre kasser. Rotationen virker fint nok, men.. jeg døjer noget med at få den til, såfremt at det vilkårligt fundne billede står på samme position i current-arrayet (se nedenstående kode), så skal den udføre en math.random mere, så jeg er sikker på at der aldrig vises ens billeder.
Kan I hjælpe?
På forhånd tak,
Simon
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ChangeImg</title>
<script language="JavaScript">
function init()
{
var current = 0;
pics = new Array();
pics[current]="images/1.jpg";
pics[current++]="images/2.jpg";
pics[current++]="images/3.jpg";
pics[current++]="images/4.jpg";
pics[current++]="images/5.jpg";
pics[current++]="images/6.jpg";
pics[current++]="images/7.jpg";
pics[current++]="images/8.jpg";
pics[current++]="images/9.jpg";
if (!document.images) return;
var antal = pics.length;
for (imageid=1; imageid<=3; imageid++){
do {
randno = Math.floor(Math.random()*antal);
} while (current == randno);
document.getElementById('image'+ imageid).src = pics[randno];
}
setTimeout("init();",3000);
}
</script>
</head>
<body bgcolor="#FFFFFF" onload="java script:init()">
<img src="images/1.jpg" id="image1" alt="" />
<img src="images/2.jpg" id="image2" alt="" />
<img src="images/3.jpg" id="image3" alt="" />
</body>
</html>
