Menu
I made a decent slideshow script for those who are interested:
[CODE]
<html>
<head>
<title>Javascript Messages</title>
<script language=”javascript”>
<!–
/*Script by: Savvy
You can edit and use this script freely. Do not sell or distribute however.
*/
/*variables to edit*/
var delay = 5000; /*milisecond delay*/
var max = 20; /*maximum number of slides, note if over 500 can be quite hard to detect*/
var prefix = ‘slide’; /*prefix of the ids for slides id=”m<i>”*/
/*other vaiables, do not touch*/
var items = 0;
var currentItem = 1;
function detect() {
for (i = 1; i <= max; i++) {
var temp = prefix+i;
var check = document.getElementById(temp);
if (check) {
items++;
}
}
}
function scroller(begin) {
if (begin == ‘1’) {
detect();
for (i = 2; i <= items; i++) {
var temp = prefix+i;
document.getElementById(temp).style.display = ‘none’;
}
}
var time = 1000; /*wait for 1 second initially, to let the page load*/
setTimeout(“scroll()”, time);
time += delay;
setTimeout(“scroll()”, time);
time += delay;
setTimeout(“scroller()”, time)
}
function scroll()
{
if (currentItem > items){ currentItem = 1; }
if (currentItem == 1) { last = items; }
else { last = currentItem-1; }
var temp = prefix+currentItem;
document.getElementById(temp).style.display = ‘block’;
document.getElementById(prefix+last).style.display = ‘none’;
currentItem++;
}
–>
</script>
<style>
.scroller
{
border: solid 2px #000000;
background-color: #cccc00;
width: 325px;
height: 125px;
overflow: scroll;
}
</style>
</head>
<body onload=”scroller(‘1’)”>
<!–REMOVE the ONLOAD event handler TO MAKE ALL MESSAGES VISABLE–>
<div id=”slide1″ class=”scroller”>
<p>Slide: <b>#1</b><br>
<b>Author of this crappy script:</b><br>
Savvy<br>
Here is some example content…</p>
</div>
<div id=”slide2″ class=”scroller”>
<p>Slide: <b>#2</b><br>
Here is some example content… waofhcvvaguvgvugavug</p>
</div>
<div id=”slide3″ class=”scroller”>
<p>Slide: <b>#3</b><br>
Here is some example content… awoihohuhyugawf</p>
</div>
<div id=”slide4″ class=”scroller”>
<p>Slide: <b>#4</b><br>
Here is some example content… awawfaffaawfawgga</p>
</div>
</body>
</html>