The JavaScript Source: Image Effects: 2-Way Background Images SlideS

Home

2-Way Background Images Slides

Runs an image slideshow in the background of the page, underneath the page content. Used with the accompanying style script, images are discretely positionable in the page space, just like a regular slideshow. Leave out the style script, and the slideshow runs with full page-space presentation. IE 4.0+ or NS 6.0 (degrades gracefully in others)

The JavaScript Source: Image Effects: 2-Way Background Images Slides
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <body onload="runBGSlideShow()">  Method One - Positionable Images ---------- Put the following style sheet in the <head> of your page. Normally it will go *before* the script above. <style> body{ background-repeat: no-repeat; background-position: 200 100; } </style> Set the position x y in pixels in the background-position element to position the images in the page. Do not use commas between the values! Method Two - Full Page-Space Background ---------- Easy - just omit the style script above from the page. The background images will then repeat across the page, as usual. <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Did you use this script? Do you like this site? Please link to us!

Add a comment, suggestion, or correction

Comments feed

internet.com Privacy Policy

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]

1. From: Zalak ShahJS Addition12/16/2008 02:46:55

1. From: Zalak Shah
JS Addition
12/16/2008 02:46:55