»
EnglishFrenchVietnamese

Print - Two way Slideshow - JavaScriptBank.com

Full version: jsB@nk » Image » Slideshow » Two way Slideshow
URL: http://www.javascriptbank.com/two-way-slideshow.html

Two way Slideshow © JavaScriptBank.comRuns 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).

Full version: jsB@nk » Image » Slideshow » Two way Slideshow
URL: http://www.javascriptbank.com/two-way-slideshow.html



CSS
<style>body{background-repeat: no-repeat;background-position: center center;}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT LANGUAGE="JavaScript">// =======================================// set the following variables// =======================================// Set speed (milliseconds)var speed = 1000// Specify the image filesvar Pic = new Array() // don't touch this// to add more images, just continue// the pattern, adding to the array belowPic[0] = 'logojs.gif'Pic[1] = 'photo3.jpg'Pic[2] = 'photo4.jpg'Pic[3] = 'photo5.jpg'// do not edit anything below this linevar tvar j = 0var p = Pic.lengthvar preLoad = new Array()for (i = 0; i < p; i++){   preLoad[i] = new Image()   preLoad[i].src = Pic[i]}function runBGSlideShow(){   if (document.body){   document.body.background = Pic[j];   j = j + 1   if (j > (p-1)) j=0   t = setTimeout('runBGSlideShow()', speed)   }}//  End --></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<body onload="runBGSlideShow()"></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->