DHTML Cursor Slideshow with unique lamellar transition effect

DHTML Cursor Slideshow with unique lamellar transition effect

This DHTML cursor slideshow with unique lamellar transition effect will follow your cursor everywhere. Add as many images as you like. True copy-and-paste installation. Easy configuration. SEMI-CROSS-BROWSER, does not work with NN6 or Google Chrome browsers.

Move your mouse to see the floating DHTML Cursor Slideshow with unique lamellar transition effect!

Configuration:

Step 1: Download this ZIP-File

Step 2: Unzip the test images ('pic1.jpg', 'pic2.jpg', 'pic3.jpg', 'pic4.jpg') and the script-file 'imgcursorslideshow.js'. Put the test images and the script-file 'imgcursorslideshow.js' into the same folder as your web page.

Step 3: Open your web page 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.fabulant.com & http://www.designerwiz.com
// fabulant01@hotmail.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.fabulant.com/fast/index.html on the webpage 
// where this script will be running.

// CONFIGURATION:
// Go to http://www.fabulant.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 web page 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

Download 500 free copy-and-paste scripts

Like this code snippet? Why not share it with others by copying this page URL: