Bonjour à tous et à toute.
Je réalise en ce moment
ce site.
Vous remarquerez dans le header un texte défilent grâce a ce petit code Javascript que j'ai trouver :
Pour "Ils nous font confiance:"
Code Javascript :
var defile;// l'element a deplacer
var psinit = 285; // position horizontale de depart
var pscrnt = psinit;
function texteDefile() {
if (!defile) defile = document.getElementById('defile');
if (defile) {
if(pscrnt < ( - defile.offsetWidth) ){
pscrnt = psinit;
} else {
pscrnt+= -1; // pixel par deplacement
}
defile.style.left = pscrnt+"px";
}
}
setInterval("texteDefile()",20); // delai de deplacement
et pour "Partenaires:", où rien ne change à part l'id
Code Javascript :
var defile2;// l'element a deplacer
var psinit = 285; // position horizontale de depart
var pscrnt = psinit;
function texteDefile2() {
if (!defile2) defile2 = document.getElementById('defile2');
if (defile2) {
if(pscrnt < ( - defile2.offsetWidth) ){
pscrnt = psinit;
} else {
pscrnt+= -1; // pixel par deplacement
}
defile2.style.left = pscrnt+"px";
}
}
setInterval("texteDefile2()",20); // delai de deplacement
Même si au départ il est conçu pour du texte, les images ne semblent pas pauser de problème. Seulement voila, vous remarquerez une différence de défilement dans les deux balises: la première est fluide, tandis que dans la seconde, les images et les mots s'affichent par "paquets".
Quelqu'un aurait-il une explication à ce mystère mystérieux fort étrange ?
Merci d'avance