Discussion :

[eric.pareto]

Bonjour,

Je m'adresse à vous car j'ai un comportement "paranormal" sur safari.
Je m'explique :
Je veux faire une expand banner, quand l'internaute passe sa souris sur l'image de base qui fait 728 x 90 pixels elle grandit pour atteindre 728 x 300 pixels et dévoile le reste de l'image.
Voici le script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div align="center">
<div id="bandeau728" style="position:relative;width:728px;height:90px;">
<a href="http://www.xxx.com" target="_blank"><img id="ban2" src="/images/bandeau_extenddc.gif" style="position:absolute;top:0;left:0;visibility:hidden;z-index:2" onMouseOut="ban2.style.visibility='hidden'"></a>
<img id="ban1" src="/images/bandeau_728_90dc.gif" style="position:absolute;top:0;left:0;z-index:1" onmouseover="ban2.style.visibility='visible'" >
</div></div>

Ce script marche très bien sur IE8, Firefox 3.5, Opera 10 et Google Chrome. Par contre sur Safari rien ne se passe...

Quelqu'un sait-il pourquoi ?

Merci de votre collaboration.

[Bovino]

Probablement parce que Safari est plus rigoureux au niveau de la syntaxe JavaScript et ne comprends pas ce que tu appelles ban2.
Ceci dit, cela m'étonne quand même que ça fonctionne avec des navigateurs autres que IE

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div align="center">
<div id="bandeau728" style="position:relative;width:728px;height:90px;">
<a href="http://www.xxx.com" target="_blank"><img id="ban2" src="/images/bandeau_extenddc.gif" style="position:absolute;top:0;left:0;visibility:hidden;z-index:2" onMouseOut="document.getElementById('ban2').style.visibility='hidden'"></a>
<img id="ban1" src="/images/bandeau_728_90dc.gif" style="position:absolute;top:0;left:0;z-index:1" onmouseover="document.getElementById('ban2').style.visibility='visible'" >
</div></div>

[eric.pareto]

merci de te soucier de mon probleme,

ban2 est le nom donné à l'image qui est appelée en remplacement de ban1 (le nom de l'image d'origine.

Je confirme que IE8, Firefox 3.5 Opera et Google Chrome savent interpreter sans probleme ce script.

J'AI TROUVE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

tu m'as mis sur la piste avec :"ban2" en fait Safari a besoin de la balise NAME pour pouvoir fonctionner...

Merci.

[Bovino]

Euh... le code que je t'ai mis ne fonctionne pas ?
En tout cas, il est plus propre que de passer par des name