Início
Executa um slideshow de imagem no plano de fundo da página, por baixo do conteúdo da página. Usado com o script de estilo de acompanhamento, as imagens são discretamente posicionado no espaço da página, assim como uma apresentação de slides regular. Deixar de fora o script de estilo, eo slideshow é executado com plena apresentação do espaço página. IE 4.0 + ou NS 6.0 (degrada graciosamente nos outros)
- Código:
<!-- THREE STEPS TO INSTALL 2-WAY BACKGROUND IMAGES SLIDES:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the HEAD of your HTML document - Optional -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://www.javascriptsource.com -->
<!-- Begin
// (C) 2001 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// =======================================
// set the following variables
// =======================================
// Set speed (milliseconds)
var speed = 1000
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = '1.gif'
Pic[1] = '2.gif'
Pic[2] = '3.gif'
Pic[3] = '4.gif'
// do not edit anything below this line
var t
var j = 0
var p = Pic.length
var 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>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<body onload="runBGSlideShow()">
<!-- STEP THREE: Copy this code into the HEAD of your HTML document -->
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>
<!-- Script Size: 2.50 KB -->
