Pb onmouseover avec internet explorer
dchathuant
Messages postés
7
Date d'inscription
Statut
Membre
Dernière intervention
-
dchathuant Messages postés 7 Date d'inscription Statut Membre Dernière intervention -
dchathuant Messages postés 7 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai fait un site (http://aikidochauray.chez.com) que je voudrais améliorer avec une animation flash du type onmouseover.
J'ai plusieurs pb en fait :
Sur la dernière page (http://aikidochauray.chez.com/index_fichiers/page0009.htm) j'ai 2 images principales et je voudrais grossir un détail en passant la souris dessus. J'ai donc fait des grossissements de l'image que j'ai mis en opacité 100% et quand je passe la souris dessus l'image grossis apparait.
1er pb les images grossis sont d'abord apparent
2nd pb toutes les images n'apparaissent pas sous internet explorer (navigateur de m...), je suis obliger de mettre <a href=> avant pour que cela marche mais je n'ai pas de lien à mettre.
le code pour l'animation est :
<span style='mso-ignore:vglayout;position:
absolute;z-index:150;left:350px;top:-400px;width:106px;height:192px'><a
<img src="kata31/kata1-2.gif" width="306" height="380" onmouseover="javascript:this.style.opacity='1';" onmouseout="javascript:this.style.opacity='0';"/></span>
PS: je débute dans les codes sources et j'ai construit à partir de Publisher que j'ai "amélioré" ensuite
j'ai fait un site (http://aikidochauray.chez.com) que je voudrais améliorer avec une animation flash du type onmouseover.
J'ai plusieurs pb en fait :
Sur la dernière page (http://aikidochauray.chez.com/index_fichiers/page0009.htm) j'ai 2 images principales et je voudrais grossir un détail en passant la souris dessus. J'ai donc fait des grossissements de l'image que j'ai mis en opacité 100% et quand je passe la souris dessus l'image grossis apparait.
1er pb les images grossis sont d'abord apparent
2nd pb toutes les images n'apparaissent pas sous internet explorer (navigateur de m...), je suis obliger de mettre <a href=> avant pour que cela marche mais je n'ai pas de lien à mettre.
le code pour l'animation est :
<span style='mso-ignore:vglayout;position:
absolute;z-index:150;left:350px;top:-400px;width:106px;height:192px'><a
<img src="kata31/kata1-2.gif" width="306" height="380" onmouseover="javascript:this.style.opacity='1';" onmouseout="javascript:this.style.opacity='0';"/></span>
PS: je débute dans les codes sources et j'ai construit à partir de Publisher que j'ai "amélioré" ensuite
A voir également:
- Pb onmouseover avec internet explorer
- Internet explorer 11 - Télécharger - Navigateurs
- Internet explorer 8 - Télécharger - Navigateurs
- Internet explorer 10 - Télécharger - Navigateurs
- Internet explorer - Guide
- Explorer patcher - Télécharger - Personnalisation
3 réponses
J'ai réussis pour faire apparaitre les images sous IE mais les fonctions onmouseover et onmouseout ne marche pas sous IE ...
et sur Firefox les images grossis apparaissent d'abord alors que je les ai mis transparente ...
et sur Firefox les images grossis apparaissent d'abord alors que je les ai mis transparente ...
Apparemment, il faut utiliser ça pour la transparence en Javascript dans IE :
this.filters.alpha.opacity=100; this.filters.alpha.opacity=0;
en fait j'ai eu la réponse un autre forum, pour que cela marche avec Firefox ET IE (I pour internet je crois, car j'en suis pas sur, tellement que cela marche bien), il faut le code suivant :
<img width="286" height="385" src="kata31/kata5.gif" style="alpha(opacity=0);opacity:0" onmouseout="this.style.filter ='alpha(opacity=0)';this.style.opacity='0'" onmouseover="this.style.filter = 'alpha(opacity=100)';this.style.opacity='1'"/></span>
this.style.filter = 'alpha(opacity=100)' pour Internet explorer et ;this.style.opacity='0' pour Firefox
et pour avoir D'ABORD l'image transparente c'et le code :
style="alpha(opacity=0);opacity:0" sauf que cela ne marche qu'avec Firefox qui est de loin plus intelligent...
<img width="286" height="385" src="kata31/kata5.gif" style="alpha(opacity=0);opacity:0" onmouseout="this.style.filter ='alpha(opacity=0)';this.style.opacity='0'" onmouseover="this.style.filter = 'alpha(opacity=100)';this.style.opacity='1'"/></span>
this.style.filter = 'alpha(opacity=100)' pour Internet explorer et ;this.style.opacity='0' pour Firefox
et pour avoir D'ABORD l'image transparente c'et le code :
style="alpha(opacity=0);opacity:0" sauf que cela ne marche qu'avec Firefox qui est de loin plus intelligent...