I mean as a rotating banner.....
i v got this script but i cant make it work proprly in a table cell..maibe you can help me fix this?:
<html>
<head>
<script language="JavaScript">
// Variables
// ----------
var Step = 3;
var Pause = 2000;
var Speed = 10;
var ImageHeight = 100;
var ImageTop = 10;
var ImageLeft = 10;
var CurrentImage = 0;
var CurrentTop = ImageTop;
// Images
// -------
var ImgName = new Array();
ImgName[0] = "Pic1.jpg";
ImgName[1] = "Pic2.jpg";
ImgName[2] = "Pic3.jpg";
// Functions
// ----------
function ChangeImage() {
document.ImageContainer2.src = ImgName[CurrentImage];
if(CurrentImage == ImgName.length-1)
document.ImageContainer1.src = ImgName[0];
else
document.ImageContainer1.src = ImgName[CurrentImage+1];
if(++CurrentImage == ImgName.length)
CurrentImage = 0;
document.ImageContainer1.style.top = ImageTop + "px";
document.ImageContainer2.style.top = ImageTop + "px";
document.ImageContainer1.style.left = ImageLeft + "px";
document.ImageContainer2.style.left = ImageLeft + "px";
var TimerSlideDown = setTimeout("SlideDown()", Pause);
}
function SlideDown() {
if(document.ImageContainer2.height > Step) {
document.ImageContainer1.height += Step;
document.ImageContainer2.height -= Step;
CurrentTop += Step;
document.ImageContainer2.style.top = CurrentTop + "px";
var TimerSlideDown = setTimeout("SlideDown()", Speed);
}
else {
CurrentTop = ImageTop;
document.ImageContainer1.height = 0;
document.ImageContainer2.height = ImageHeight;
document.ImageContainer2.style.top = ImageTop + "px";
ChangeImage();
}
}
</script>
<style type="text/css">
<!--
A:visited {text-decoration: none;}
A:hover {text-decoration: underline;}
A:link {text-decoration: none;}
A:active {text-decoration: underline;}
-->
</style>
</HEAD>
<body onLoad=ChangeImage()>
<img name="ImageContainer1"
style="position:absolute"
width=150
height=0
border=0>
<img name="ImageContainer2"
style="position:absolute"
width=150
height=100
border=0>
</body>
</html>
