Bonjour les alsanautes,
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 :
<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.
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 :
<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.