slide.htm

<html>

<head>
<link rel=stylesheet href=../style/i.css>
<script>
im=new Array()
 im[0]="putte.jpg"
 im[1]="jht.jpg"
 im[2]="jhty.jpg"
 im[3]="pop_mom.jpg"
 im[4]="oystein.jpg"
 im[5]="synnove.jpg"
 im[6]="bigami.jpg"
 im[7]="10bbig.jpg"
 im[8]="sjekte.jpg"
 im[9]="friends.jpg"
 var step=0
 var timerID=null

function cl(o) {
 document.f.slide.src=im[step]
 if(o=='forw'){
  if(step<10)
   step++
  else
   step=0
 }
 if(o=='back'){
  if(step>0)
   step--
  else
   step=9
 }
}
function slideit() {
 document.f.slide.src=im[step]
 if(step<10)
  step++
 else
  step=0
 timerID=setTimeout("slideit('start')",700)
}
function stop() {
 clearTimeout(timerID)
}
</script>
</head>

<body>
<marquee scrollamount=35 vspace=0 width=100% behavior=slide direction=right loop=1><h2>Slideshow</h2></marquee>
<form name=f>
 <table width=100% height=350 border=0>
  <tr><td align=center valign=top>
   <input type=button value="<-" onClick=cl('back')>
   <input type=button value="Start" onClick=slideit()>
   <input type=button value="Stop" onClick=stop()>
   <input type=button value="->" onClick=cl('forw')>
  <tr><td align=center valign=middle>
   <img src=jht.jpg name=slide>
 </table>
</form>

</body>

</html>