Simple slideshow with striped transition effect

Simple Slideshow with striped transition effect

This crossbrwoser slideshow uses an eycatching transition effect between the images. Each image has a link of its own. Add as many images as you like. Easy copy and paste configuration.

Configuration:

Step 1: Download this ZIP-File, unzip the transition-images and the script-file 'imgtransliner.js' and put all these files into the same folder your webpage.

Step 2: Open your webpage and paste the following code between <body> and </body>:

<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -

// Simple Slideshow with striped transition effect by Urs Dudli and Peter Gehrig 
// Copyright (c) 2000 Peter Gehrig and Urs Dudli 
// http://www.24fun.com/fast/index.html
// info@24fun.ch
// 11/1/2000
// If you add this script to a script-library or a script-archive 
// you have to insert a link to http://www.24fun.com/fast/index.html 
// right into the webpage where the script will be displayed.

// file-names of your slideshow's images. Add as may as you like.
var imgsname=new Array()
imgsname[0]="testimage1.jpg"
imgsname[1]="testimage2.jpg"
imgsname[2]="testimage3.jpg"

// links for each image. You MUST add a link for each image
var imgslink=new Array()
imgslink[0]="http://www.op-art.ch.ch"
imgslink[1]="http://www.op-art.ch.ch"
imgslink[2]="http://www.op-art.ch.ch"

// vertical position of the slideshow (distance to the top margin of the webpage, pixels)
var imgstop=10

// horizontal position of the slideshow (distance to the left margin of the webpage, pixels)
var imgsleft=10

// speed of the transition effect. Less means faster
var pause=50

// standstill-time of the images (seconds)
var standstill=2

// - End of JavaScript - -->
</SCRIPT>
<SCRIPT SRC="imgtransliner.js"></SCRIPT>

IMPORTANT: Do not paste this code into tables or <DIV> and </DIV> or between any other container!

Step 3: Go to the top of the script-code inside your webpage and configure the images, the position and the speed of your slideshow.