I don't know how your layout is, but try this.
<script type="text/javascript">
<!--
var Current_Picture=0;
//Time to show each slide for in seconds
var ShowSlideFor=3;
var Repeat=false;
function ChangePicture() {
//Add all your pictures here, relative location from the page in which the script is on or exact location
var Pictures=new Array("picture1.jpg", "picture2.jpg", "etc");
if (Current_Picture >= Pictures.length) {
if (Repeat) {
Current_Picture=0;
}
else {
return;
}
}
//Edit this if you want certain styles, sizing, etc. Make sure to escape your quotes (by using the backslash and the quote \" )
document.getElementById("picturediv").innerHTML="<img src=\"" + Pictures[Current_Picture] + "\" alt=\"Picture "+ Current_Picture + "\" />";
Current_Picture++;
var theTimeout = setTimeout("ChangePicture()", ShowSlideFor*1000);
}
//-->
</script>
and the body tag should look like this:
<body onload="ChangePicture()">
and this div tag goes whereever you want the picture to appear.
<div id="picturediv"></div>
That's not really a slideshow, or at least an advanced one, it just cycles through pictures at an even interval (set by you) and will repeat if asked to.
