JavaScript Background Image Scroller Slideshow Effect

Background Image Scroller Slideshow Effect
Animate your background image with this tiny script. IE 5x/6x, NS 6x/7x.

Improve background animation
Use our unique Slideshow Factory in order to improve your background animation. Slideshow Factory allows you to select 6 different scrolling directions and edit speed.

Configuration:

Step 1: Open the web page that will display your background-image scroller. Use a simple text editor such as NotePad or WordPad. Frontpage, Dreamweaver, GoLive or Word are not recommended. Insert the following code between the <head> tag and </head> tag:

<SCRIPT>
// CREDITS:
// Background Image Scroller
// By Urs Dudli and Peter Gehrig
// Copyright (c) 2003 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 & http://www.designerwiz.com
// info@24fun.com
// 5/6/2003

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

// CONFIGURATION:
// Go to http://www.24fun.com
// and create your own slideshow
// with our new Slideshow Factory.

// URL of slide
var slide="bg.gif"

// Do not edit the code below this line
var imgpreload=new Image()
imgpreload.src=slide
var pos=0;
var maxpos=99999999999999;
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0

Step 2: Open your web page. Go to the top of the script-code and set the the URL of your background-image.

Download 500 free copy-and-paste scripts