priblisitelno tak
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
Посилання видалено">
<html>
<head>
<title>loop</title>
<meta name="author" content="s">
<script>
var bimage = new Array();
var CHANGETIME = 10;
bimage[0] = '
Посилання видалено
bimage[1] = '
Посилання видалено
bimage[2] = '
Посилання видалено
var einlength=-1;
var bimg = Array();
var Last=false;
function Fragment(img,width){
einlength++;
this.length=einlength;
this.getLength=function(){return einlength;}
this.image=new Image();
this.image.src=img;
this.width=width;
this.left=this.width*this.getLength();
this.element=document.createElement('img');
this.element.src=this.image.src;
this.element.id='bild'+this.length; //alert(this.element.id);
this.element.style.position='absolute';
//this.element.style.margin='0px';
this.element.style.width=this.width+'px';
this.element.style.height=150+'px';
//this.element.style.left=this.left+'px';
this.element.style.top=0+'px';
this.schritt=function(){
if(this.left>500){
this.left=Last.left-this.width;
Last=this;
}
this.left++;
this.element.style.left=this.left+'px';
};
this.toString=function(){
return '<img border="1" id="bild'+this.length+'" src="'+this.src+'" style="width:'+this.width+'px; position:relative; float:left; top:0px; left:'+this.left+'px;" />';
}
if(Last==false)Last=this;
}
for (i = 0; i < bimage.length; i++){
bimg
= new Fragment(bimage,250);
//alert(bimg.element.id);
}
var timer = 0;
var x = 1;
function inits(){
for(i=0;i<=bimg.length;i++){
document.getElementById('kino').appendChild(bimg.element);
}
}
function change(){
//if(x>2)x = 0;
//document.getElementById('a').src =
//alert(bimg[0].style.left);
for(i=bimg.length-1;i>=0; i--){
bimg.schritt();
//bimg.element.style.left=(x)+'px';
x++;
if(x>500+ 50)x=- 50;
}
}
</script>
</head>
<body onload=" inits(); " text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<br />
adsfasdf<br />
adsfasdf<br />
adsfasdf<br /><a href="#" onclick="window.clearInterval(timer);">Stop</a><br />
<div id="kino" onmouseout="timer=window.setInterval('change()',20);" onmouseover="window.clearInterval(timer);" style="overflow:hidden; width:500px; height:150px;position:absolute; border: solid 1px;"></div>
</body>
</html>
(
)
