Bonjour
Ce code de bannières tournantes marche bien sur IE7.0
et mal sur Firefox (mais il a marché).
Il s'agit d'une boucle avec un timeout qui relance l'affichage d'images indexées par un tableau. (voir code ci-dessous)
Avec IE, cela marche bien, avec Firefox, j'ai un clignotement qui me fait remonter les éléments du dessous une fraction de secondes.
Ce qui est étonnant, c'est que la source de ce problème est liée à des erreurs (ou à des balises) dans ma page HTML (par exemple : oubli de fermeture de balises). Quand je corrige l'erreur, cela refonctionne.
Mais j'ai fait d'importantes modifications de la page et cela ne fait que de clignoter. Pourtant mon code HTML est bon au vérificateur.
Merci pour tour retour ou conseils pour rendre mon Javascript "moins sensible".
Le code dans fichier js
Code HTML
1) l'appel de la fonction au chargement (plusieurs bannières)
<body onLoad="banniere1(); banniere2()">
2) là ou les images tournent
<div title="Ouvre le site dans une autre fenêtre" id="banniere_1">
Note : j'avais mis une hauteur au div pour réserver l'espace, mais cela n'a pas fonctionner. J'ai quand même le clignotement et la remontée des éléments inférieurs.
Cordialement
--------------------
Dryat120
Et merci à Alsacréations.
Ce code de bannières tournantes marche bien sur IE7.0
et mal sur Firefox (mais il a marché).
Il s'agit d'une boucle avec un timeout qui relance l'affichage d'images indexées par un tableau. (voir code ci-dessous)
Avec IE, cela marche bien, avec Firefox, j'ai un clignotement qui me fait remonter les éléments du dessous une fraction de secondes.
Ce qui est étonnant, c'est que la source de ce problème est liée à des erreurs (ou à des balises) dans ma page HTML (par exemple : oubli de fermeture de balises). Quand je corrige l'erreur, cela refonctionne.
Mais j'ai fait d'importantes modifications de la page et cela ne fait que de clignoter. Pourtant mon code HTML est bon au vérificateur.
Merci pour tour retour ou conseils pour rendre mon Javascript "moins sensible".
Le code dans fichier js
function soutien() {
code_html = '<a href="'+liens[chiffre]+'" target="_blank"><img border="0" src="'+pictures[chiffre]+'" /></a>';
document.getElementById("banniere_soutien").innerHTML = code_html;
if(chiffre == longueur)
{ chiffre = 0;}
else
{ chiffre++; }
window.setTimeout("soutien()", (changement*1000));
}
pictures = new Array()
pictures[0] = "_images/image1.png";
pictures[1] = "_images/image2.png";
longueur = pictures.length-1;
liens = new Array()
liens[0] = "lien1";
liens[1] = "lien2";
chiffre = 0;
changement = 3;
Code HTML
1) l'appel de la fonction au chargement (plusieurs bannières)
<body onLoad="banniere1(); banniere2()">
2) là ou les images tournent
<div title="Ouvre le site dans une autre fenêtre" id="banniere_1">
Note : j'avais mis une hauteur au div pour réserver l'espace, mais cela n'a pas fonctionner. J'ai quand même le clignotement et la remontée des éléments inférieurs.
Cordialement
--------------------
Dryat120
Et merci à Alsacréations.
