Background Image Scroller
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.
Click here to test Slideshow Factory
(requires Internet Explorer 5.5x or higher).
Configuration:
Step 1:
Open the webpage that will display your background-image scroller. Use a simple texteditor 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. // 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 function initscroll(){ if (ie || ns6) { document.body.background=slide; doscroll() } } function doscroll(){ pos++; document.body.style.backgroundPosition=pos+" "+pos; var timer=setTimeout("doscroll()",30); } if (ie || ns6) { window.onload=initscroll; } </script>
Step 2:
Open your webpage. Go to the top of the script-code and set the the URL of your background-image.
Click here
to download files