function PreChargeImages()//Cette fonction est appelée à la fin du chargement de la page HTML
{
TablPreChargeImages=new Array;
for (i = 0; i < TablImages.length; i++) //Pr&eacute;chargement images dans tableau (pr&eacute;rempli dans code HTML, &agrave; l'emplacement du diaporama)
{
TablPreChargeImages[i] = new Image();
TablPreChargeImages[i].src = 'photos/'+TablImages[i];
}
setTimeout("PreChargeImages2()", 3000);//Attente 3s avant de lancer 1er fondu
}
function PreChargeImages2()
{
d1=new IniFondu ('idDivConteneur',TablImages,3000); //Nom Div, tableau images et dur&eacute;e entre fondus
}
function IniFondu (conteneur,TableauNoms,temps)//Fonction appel&eacute;e une seule fois
{
if (navigator.appName.substring(0,3)=="Mic")//IE
{
this.ImageNew=document.getElementById(conteneur).childNodes[0];
this.ImageOld=document.getElementById(conteneur).childNodes[1];// 2 modif fonctionne sur IE PC quand site en PHP, pas PHP5
}
else
{
this.ImageNew=document.getElementById(conteneur).childNodes[0];// 1 modifs fonctionnent sur Mac quand site en PHP
this.ImageOld=document.getElementById(conteneur).childNodes[1];// 3
}
this.Tableau=TableauNoms;
this.temp=temps;
this.indice=0;//L'image 0 est d&eacute;j&agrave; affich&eacute;e dans le div
this.OpaciteImageNew=0;
this.OpaciteImageOld=100;
this.ChangeImage=1;
this.FonduImage();
}
IniFondu.prototype.FonduImage = function()//Seule fonction appel&eacute;e en permanence
{
if (this.ChangeImage==1)
{
this.indice++;
this.OpaciteImageNew=10;
this.ImageNew.src="photos/"+this.Tableau[this.indice];//L'image new est celle qui va apparaitre (IE : les 2 doivent obligatoirement avoir les m&ecirc;mes dimensions si ce sont des PNG avec fond transparent)
this.ChangeImage=0;
if (this.indice==this.Tableau.length-1)
this.indice=-1;
}
this.OpaciteImageNew+=5;//Opacit&eacute; images a et b
this.OpaciteImageOld-=6;
if (document.all && !window.opera)
{
this.ImageNew.style.filter = 'alpha(opacity=' + this.OpaciteImageNew + ');';
this.ImageOld.style.filter = 'alpha(opacity=' + this.OpaciteImageOld + ');';
}
else
{
this.ImageNew.style.opacity = this.OpaciteImageNew/100;
this.ImageOld.style.opacity = this.OpaciteImageOld/100;
}
if (this.OpaciteImageNew>=100)//Donc changement d'image
{
this.OpaciteImageNew = 10;
this.OpaciteImageOld = 100;
this.ImageOld.src = this.ImageNew.src;
this.ChangeImage = 1;
var lui = this;
setTimeout(function() { lui.FonduImage(); },this.temp);
return false;
}
var lui=this;
setTimeout( function() { lui.FonduImage(); }, 45);//en ms entre chaque phase du fondu
}
if(navigator.appName.substring(0,3)=="Mic")//IE
attachEvent("onload",PreChargeImages);
else
addEventListener("load", PreChargeImages, false);