SK Backend | JavaScript | SlideShow v 1

Source/Downloads

SlideShow v 1: This template demonstrates a primitive sequential annotated slideshow powered by a full page reload/redraw method.

While it lacks grace, this slideshow and annotation method is reliable pretty much every post NN3 browser and across pretty much every platform.

Because there is always another way to do it, two additional versions of the slidshow can be found here: Slideshow3.html (annotated) and here: Slideshow2.html (image only)

<head>
<script type='text/javascript'>
<!--
/* --------------------------------- */
/*     SOPHIAKNOWS: JAVASCRIPT       */
/* --------------------------------- */
/*        SLIDEDSHOW: REDRAW         */
/* --------------------------------- */
/*  Created:  2002-01-15             */
/*  Issued:   2002-01-15             */
/*  Modified: 2004-12-17             */
/*  Copyright (c) 2001-2004          */
/*  Tony Pisarra, SophiaKnows        */
/* --------------------------------- */
/* --------------------------------- */

/*
This template enables an annotated sequential
slideshow through serial page reload/redraws.

It is somewhat less efficient than alternative
methods but highly compliant across browsers
and platforms

*/

// IMAGE SOURCE LIST
var imagelist=new Array(
   "images/slide1.gif",
   "images/slide2.gif",
   "images/slide3.gif"
   )
// LABEL/ANNOTATION LIST   
var titlelist=new Array(
   "Slide 1",
   "Slide 2",
   "Slide 3"
   )
var counter=document.location.search.substring('1');
counter=((counter!="")?counter:0);
var backControl="<a href=?"+((counter>0)?counter-1:imagelist.length-1)+">&lt;</a>";
var nextControl="<a href=?"+((counter<imagelist.length)?counter+1:0)+">&gt;</a>";
var activeImage="<img src='"+imagelist[counter]+"'>";
var activeLabel=labellist[counter];
</script>
</head>

<body>

<p align=center>
<script>
document.write(backControl);
</script>

BACK | NEXT

<script>
document.write(nextControl);
</script>

</p>

<p align=center>
<script>
document.write(activeImage);
</script>
</p>

<p align=center>
<script>
document.write(activeLabel);
</script>
</p>

</body>