Havde en, der næsten duede, så den er lige tilpasset (se evt. tidligere udgave på lnket i koden !-)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Sliding pics med stop - horizontal</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,
http://www.eksperten.dk/spm/596093,se ændring i SlidingPics">
<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,intId;
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';
divs[i].onmouseover = function(){clearInterval(intId);};
divs[i].onmouseout = function(){intId = setInterval('moveAd()',20);};
}
initLeft = parseInt(divs[nr].style.left) + 25 + 'px';
intId = setInterval('moveAd()',20);
}
function moveAd(){
for(i=0;nr>=i;i++){
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;
act = (act+1)%(nr+1);
}
}
window.onload = function(){init();};
</script>
</head>
<body onload="init();">
<div id="bigContainer">
<div id="container">
<div class="annonce">
<img src="../billede.jpg" class="annbillede">
</div>
<div class="annonce">
<img src="../billede.jpg" class="annbillede">
</div>
<div class="annonce">
<img src="../billede.jpg" class="annbillede">
</div>
<div class="annonce">
<img src="../billede.jpg" class="annbillede">
</div>
<div class="annonce">
<img src="../billede.jpg" class="annbillede">
</div>
<div class="annonce">
<img src="../billede.jpg" class="annbillede">
</div>
</div>
</div>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
