Denne skifter mellem så mange billeder, du ønsker. Bare fyld i array'et - men HUSK: Ikke noget komma efter det sidste element ;o)
Du kan selv indstille interval og antal billeder, der skal skiftes pr. gang - dog max. halvdelen af det antal celler, du har i tabellen (altså: max. 4)!
De billeder, der sidder i tabellen 'fra fødslen' skal være de 9 første i array'et.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>TITLE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/JavaScript">
// Skifte-interval i sekunder:
var swapInterval = 2;
// Antal billeder, der skal skiftes.
// NB: Max. halvdelen af antal celler:
var numOfPicSwaps = 3;
// Billeder, der kan skiftes mellem.
// Der kan være så mange, det ønskes:
var aPix = new Array(
"test_img/pic1.gif",
"test_img/pic2.gif",
"test_img/pic3.gif",
"test_img/pic4.gif",
"test_img/pic5.gif",
"test_img/pic6.gif",
"test_img/pic7.gif",
"test_img/pic8.gif",
"test_img/pic9.gif",
"test_img/pic10.gif",
"test_img/pic11.gif",
"test_img/pic12.gif",
"test_img/pic13.gif",
"test_img/pic14.gif",
"test_img/pic15.gif",
"test_img/pic16.gif"
);
/****************************************/
// Ret ikke under denne linie
/****************************************/
var aActivePics, lastSwaped, d=document;
function gE(id){return d.getElementById(id)}
for (i=9; i<aPix.length; i++) {
var im = new Image();
im.src = aPix[i];
}
function Array_in_array(val) {
for (j=0; j<this.length; j++) if (this[j]==val) return true;
return false;
}
Array.prototype.in_array = Array_in_array;
function getRandCell() {return Math.round( Math.random()*8 )}
function getRandPic() {return Math.round( Math.random()*(aPix.length-1) )}
lastSwaped = new Array();
aActivePics = new Array(0,1,2,3,4,5,6,7,8);
function swap() {
var newPic, swapThis;
for (i=0; i<numOfPicSwaps; i++) {
swapThis = getRandCell();
while ( lastSwaped.in_array(swapThis) ) {
swapThis = getRandCell();
}
lastSwaped[i] = swapThis;
newPic = getRandPic();
while ( aActivePics.in_array(newPic) ) {
newPic = getRandPic();
}
aActivePics[swapThis] = newPic;
gE("pic"+swapThis).src = aPix[newPic];
}
setTimeout("swap()", swapInterval * 1000);
}
window.onload = function() {
setTimeout("swap()", swapInterval * 1000);
}
</script>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="1">
<tr>
<td><img src="test_img/pic1.gif" id="pic0"></td>
<td><img src="test_img/pic2.gif" id="pic1"></td>
<td><img src="test_img/pic3.gif" id="pic2"></td>
</tr>
<tr>
<td><img src="test_img/pic4.gif" id="pic3"></td>
<td><img src="test_img/pic5.gif" id="pic4"></td>
<td><img src="test_img/pic6.gif" id="pic5"></td>
</tr>
<tr>
<td><img src="test_img/pic7.gif" id="pic6"></td>
<td><img src="test_img/pic8.gif" id="pic7"></td>
<td><img src="test_img/pic9.gif" id="pic8"></td>
</tr>
</table>
</body>
</html>
/mvh