Dette eksempel viser, hvordan det kunne gøres:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<style type="text/css">
#img1 {
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
#img2 {
position: absolute;
z-index: 1;
top: 0;
left: 50%;
}
#img3 {
position: absolute;
z-index: 1;
top: 0;
right: 0;
}
#img4 {
position: absolute;
z-index: 1;
top: 50%;
left: 0;
}
#img5 {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
}
#img6 {
position: absolute;
z-index: 1;
top: 50%;
right: 0;
}
#img7 {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
}
#img8 {
position: absolute;
z-index: 1;
bottom: 0;
left: 50%;
}
#img9 {
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
}
</style>
<script type="text/javascript">
var aImg = ["billed1.jpg", "billed2.jpg", "billed3.jpg"];
function showImg(oContainer){
var iRnd = Math.floor(Math.random()*aImg.length-1)+1;
document.getElementById(oContainer).setAttribute("src", aImg[iRnd]);
iRnd = Math.floor(Math.random()*5000)+5000;
window.setTimeout("showImg('" + oContainer + "')", iRnd);
}
</script>
</head>
<body>
<img id="img1">
<script type="text/javascript">showImg("img1")</script>
<img id="img2">
<script type="text/javascript">showImg("img2")</script>
<img id="img3">
<script type="text/javascript">showImg("img3")</script>
<img id="img4">
<script type="text/javascript">showImg("img4")</script>
<img id="img5">
<script type="text/javascript">showImg("img5")</script>
<img id="img6">
<script type="text/javascript">showImg("img6")</script>
<img id="img7">
<script type="text/javascript">showImg("img7")</script>
<img id="img8">
<script type="text/javascript">showImg("img8")</script>
<img id="img9">
<script type="text/javascript">showImg("img9")</script>
</body>
</html>
