-- jeg maåtte lige fifle lidt, blandt andet lave en dobbelt container, for sidelæns kan man ikke fylde mere ud, end der er plads til, men således:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Sliding pics - horizontal</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,
http://www.eksperten.dk/spm/596093"><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;}
#bigContainer{position:absolute;width:600px;overflow:hidden;}
#container{position:relative;top:0px;width:1000px;height:130px;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;float:left;margin-right:25px;}
.annbillede{width:130px;height:100px;}
</style>
<script language="javascript" type="text/javascript">
function getPos(elm) {//jumper
for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
return {x:zx,y:zy}
}
var divs = new Array(),num=2,nr=act=initLeft=0;
var container,pos;
function init(){//return;
container = document.getElementById('container');
nr=container.childNodes.length-1;
for(i=nr;i>=0;i--){
divs[i] = container.childNodes[i];
pos = getPos(divs[i]);
divs[i].style.left = pos.x + 'px';
divs[i].style.position = 'absolute';
alert(divs[i].offsetLeft);
}
initLeft = parseInt(divs[nr].style.left) + 25 + 'px';
setInterval('moveAd()',20);
}
function moveAd(){
for(i=0;nr>=i;i++){
//alert(divs[i].style.left);
divs[i].style.left = parseInt(divs[i].style.left) - 1 + 'px';
divs[i].childNodes[4].innerHTML = divs[i].style.left;
}
if(-130>parseInt(divs[act].style.left)){
container.appendChild(container.removeChild(divs[act]));
divs[act].style.left = initLeft;
divs[act].childNodes[3].innerHTML = num + ". ";
act = (act+1)%(nr+1);
num += (act==0)?1:0;
}
}
</script>
</head>
<body onload="init();">
<div id="bigContainer">
<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>
</div>
</body>
</html>
