Et eksempel:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Tomt dokument</title>
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;border:0px;}
#container{position:relative;top:0px;width:130px;height:600px;overflow:hidden;}
.annonce{position:relative;top:0px;width:130px;height:130px;text-align:center;overflow:hidden;font-family:Verdana,sans-serif;font-size:xx-small;background:transparent;}
.annbillede{width:130px;height:100px;}
</style>
<script language="javascript" type="text/javascript">
var divs = new Array(),num=2,nr=act=initTop=0;
var container;
function init(){
container = document.getElementById('container');
nr=container.childNodes.length-1;
for(i=nr;i>=0;i--){
divs[i] = container.childNodes[i];
divs[i].style.top = divs[i].offsetTop + 'px';
divs[i].style.position = 'absolute';
//alert(divs[i].offsetTop);
}
initTop = divs[nr].style.top;
setInterval('moveAd()',20);
}
function moveAd(){
for(i=0;nr>=i;i++){
divs[i].style.top = parseInt(divs[i].style.top) - 1 + 'px';
divs[i].childNodes[4].innerHTML = divs[i].style.top;
}
if(-130>parseInt(divs[act].style.top)){
container.appendChild(container.removeChild(divs[act]));
divs[act].style.top = initTop;
divs[act].childNodes[3].innerHTML = num + ". ";
act = (act+1)%(nr+1);
num += (act==0)?1:0;
}
}
</script>
</head>
<body onload="init();">
<div id="container">
<div class="annonce">
<img src="../billede.jpg" class="annbillede"><br>
<span>Her er en tekst 0 - </span><span></span>
<span>a</span>
</div>
<div class="annonce">
<img src="../billede.jpg" class="annbillede"><br>
<span>Her er en tekst 1 - </span><span></span>
<span>a</span>
</div>
<div class="annonce">
<img src="../billede.jpg" class="annbillede"><br>
<span>Her er en tekst 2 - </span><span></span>
<span>a</span>
</div>
<div class="annonce">
<img src="../billede.jpg" class="annbillede"><br>
<span>Her er en tekst 3 - </span><span></span>
<span>a</span>
</div>
<div class="annonce">
<img src="../billede.jpg" class="annbillede"><br>
<span>Her er en tekst 4 - </span><span></span>
<span>a</span>
</div>
<div class="annonce">
<img src="../billede.jpg" class="annbillede"><br>
<span>Her er en tekst 5 - </span><span></span>
<span>a</span>
</div>
</div>
</body>
</html>
-- husk at indsætte et billede, som du kan se, når du kigger !-)
-- de ting jeg gør med teksten er mest for at vise, at man kan ændre tingene on-the-fly, så også billeder og tekst kan ændres, når de divs skifter plads, mest hensigtsmæssigt placerer man det, man vil have i arrays !o]
