Bonjour à tous,
Je viens vers vous aujourd'hui pour tenter de résoudre un petit problème de code JS.
J'ai un script JS qui doit me faire defiler des images avec un fondu.
J'ai le code suivant :
var visuel_n=0;
function Visuel_Fondu()
{
if(document.all)
{
document.getElementById("visuel_" + VisuelPosChange).filters.alpha.opacity=visuel_n;
visuel_n+=5;
if ( visuel_n<= 100 )
{
setTimeout("Visuel_Fondu()", 100);
return 0;
}
}
else
{
document.getElementById("visuel_" + VisuelPosChange).style.setProperty("-moz-opacity", visuel_n, "");
visuel_n+=0.05;
if ( visuel_n<= 1 )
{
setTimeout("Visuel_Fondu()", 100);
return 0;
}
}
visuel_n=0;
document.getElementById("visuel").style.background="url('" + VisuelTab[VisuelPosChange][0] + "') 0px 0px no-repeat";
setTimeout("Visuel_Clear()", 100); //supprime clignotement sous FF
//document.getElementById("visuel").innerHTML="";
//setTimeout("Visuel_Defil()", 4000);
}
function Visuel_Clear()
{
document.getElementById("visuel").innerHTML="";
setTimeout("Visuel_Defil()", 6000);
}
var VisuelPos=0;
var VisuelPosChange;
function Visuel_Defil()
{
VisuelPosChange=VisuelPos;
VisuelPos++;
if ( VisuelTab.length <= VisuelPos )
VisuelPos=0;
if ( VisuelTab[VisuelPosChange][1] == 1 )
document.getElementById("visuel").innerHTML+="<img src='" + VisuelTab[VisuelPosChange][0] + "' id='visuel_" + VisuelPosChange + "' style='filter:alpha(opacity=0); -moz-opacity:0; position: absolute; margin-left: 0px;' />";
else
{
setTimeout("Visuel_Defil()", 10);
return 0;
}
Visuel_Fondu();
}
var VisuelTab = [
["images1.jpg",1],
["images2.jpg",1],
];
Visuel_Defil();
Et comme d'habitude, tout tourne bien sous Firefox mais une erreure récurente apparît sous IE de type :
Ligne : 45
Car : 2
Erreur :'VisuelTab[...].1' a la valeur Null ou n'est pas un objet.
Code : 0
URL : ...
N'ayant pas les compétences nécessaires en JS (pas encore en tout cas) avez-vous une solution à me proposer ?
Merci
Yoann