Cursor Slideshow

Slideshow with with lamellar effect

This slideshow with unique lamellar transition effect will follow your cursor for ever and ever. Add as many images as you like. True copy-and-paste installation. Easy configuration. CROSSBROWSER, does not work with NN6.

Move your mouse to see the floating effect!

Configuration:

Step 1: Put the 4 images and the script-file 'imgcursorslideshow.js' into the same folder as your webpage.

Step 3: Open your webpage and paste the following code right above the </body>-tag:

// CREDITS:
// Cursor Slideshow
// by Urs Dudli and Peter Gehrig 
// Copyright (c) 2001 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com/fast/index.html
// info@24fun.com
// 2/16/2001

// IMPORTANT: 
// If you add this script to a script-library or script-archive 
// you have to add a link to http://www.24fun.com/fast/index.html on the webpage 
// where this script will be running.

// CONFIGURATION:
// Go to http://www.24fun.com/fast/index.html and download the script as ZIP-file 
// with step-by-step instructions and copy-and-paste installation.

// your pictures. Add as many pictures a you like.
var picture=new Array("pic1.jpg", "pic2.jpg", "pic3.jpg", "pic4.jpg")

// pause beween the pictures (seconds)
var pause=2

// - End of JavaScript - -->
</script>
<script src="imgcursorslideshow.js"></script>
<div id="emptydiv" style="position:relative">

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

Step 4: Open your webpage and configure your pictures and the speed (red code below) on top of the script:
// your pictures. Add as many pictures a you like
var picture=new Array("pic1.jpg", "pic2.jpg", "pic3.jpg", "pic4.jpg")
// pause beween the pictures (seconds)
var pause=2

Click here to download files