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:
Put the images and the file 'imgtransliner.js' 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 - // 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> <DIV ID="imgs" style="position:absolute"> </DIV> <DIV ID="cover" style="position:absolute"> </DIV>
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.
Click here
to download files