Slideshow with circle transition effect
This crossbrwoser slideshow uses an eyecatching 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. CROSSBROWSER.
Configuration:
Step 1:
Put the file 'imgtranscircle.js' and the pictures into the same folder as your webpage.
Step 2:
Open your webpage and paste the following code between the
<body>
and
</body>
tags:
<SCRIPT LANGUAGE="JavaScript"> <!-- Beginning of JavaScript - // the file-names of your slideshow's images. Add as may as you like. var imgsname=new Array() imgsname[0]="test1.gif" imgsname[1]="test2.gif" imgsname[2]="test3.gif" // the links for each image. You MUST add a link for each image var imgslink=new Array() imgslink[0]="http://www.yahoo.com" imgslink[1]="http://www.yahoo.com" imgslink[2]="http://www.yahoo.com" // 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 // Configure the speed of the transition effect. Less means faster var pause=50 // Configure the standstill-time of the images (seconds) var standstill=3 // - End of JavaScript - --> </SCRIPT> <SCRIPT SRC="imgtranscircle.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> tags or between any other container-tags!
Step 3:
Open your webpage, and configure the images, the position and the speed of your slideshow inside the script-section.
Click here
to download files