<!--
//change the opacity for different browsers
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}
// =======================================
// set the following variables
// =======================================
// Set speed (milliseconds)
var speed = 5000
// 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] = '/images/uno.jpg'
Pic[1] = '/images/due.jpg'
Pic[2] = '/images/tre.jpg'
Pic[3] = '/images/quattro.jpg'
// =======================================
// do not edit anything below this line
// =======================================
var t
var j = 0
var p = Pic.length
var speed = Math.round(600 / 100);
var timer = 0;
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];
elback = document.getElementById('content');
elfront = document.getElementById('contentbg');
elback.style.backgroundImage=elfront.style.backgro undImage; //First set the actual background to the current image.
changeOpac(0, 'contentbg'); //now we can change the forground to be transparent
elfront.style.backgroundImage="url("+Pic[j]+")";
//fade in image
var timer = 0;
for(i = 0; i <= 100; i++) {
setTimeout("changeOpac(" + i + ",'" + 'contentbg' + "')",(timer * speed));
timer++;
}
j = j + 1;
if (j > (p-1)) j=0;
t = setTimeout('runBGSlideShow()', 7000)
//}
}
//-->
Rispondi quotando
