XML
alexislevrai
Messages postés
603
Statut
Membre
-
alexislevrai Messages postés 603 Statut Membre -
alexislevrai Messages postés 603 Statut Membre -
Bonsoir, je cherche a créer "comme" un rollover, sur une image.
Elle est sombre {un film noir dessus} et au passage de la souris elle devient claire, normale.
J'ai Essayé la technique du rollover avec 2 images, mais c'est trop long a charger.
J'ai vu sur ce site (http://www.creadiz.com/portfolio/works.xml) qqch dans ce style en XML, ... mais je ne vois pas comment faire.
J'espère que vous pourrez m'aider.
Elle est sombre {un film noir dessus} et au passage de la souris elle devient claire, normale.
J'ai Essayé la technique du rollover avec 2 images, mais c'est trop long a charger.
J'ai vu sur ce site (http://www.creadiz.com/portfolio/works.xml) qqch dans ce style en XML, ... mais je ne vois pas comment faire.
J'espère que vous pourrez m'aider.
Configuration: Mac OS X Safari 528.16
8 réponses
-
Salut, en fait, ce qu'il font sur leur site, c'est modifier l'opacité de l'image, il ne rajoutent pas de filtre ou ne changent pas d'image. Donc ça donne un truc comme ca:
<html> <head> <script type="text/javascript"> function chg_opacity(im,op) { var op_moz = op/100; im.style.opacity = op_moz; im.style.filter = 'alpha(opacity='+op+')'; } </script> <style type="text/css"> body { background:black; } .img_op { opacity:0.2; filter: alpha(opacity=20); } </style> </head> <body> <img src="screenshot.png" class="img_op" onmouseover="chg_opacity(this,100)" onmouseout="chg_opacity(this,20)"/> </body> </html>
Testé sous firefox3 ie6 ie7 chrome et safari sous windows xp, ça fonctionne.
Edit : Désolé, c'est pas du XML, mais bon, le résultat est le même. -
Oui, Ça n'est pas un problème que ce soit que du HTML, j'essayerai ça ce soir en rentrant du boulot.
Déjà merci pour ton aide -
En fait j'ai eu le temps de tester et cela fonctionne, Merci beaucoup pour ton aide.
-
Certaine personne m'ont dit que cela ne marchais pas sur IE7 mais je sais pas pourquoi, j'ai aucun Pc chez moi, et sur mon mac si j'ouvre ma page cela fonctionne..
http://www.paperdonut.com/
Le problème viens d'ici, mais je ne vois pas d'ou. -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Regarde dans la source, quand tu met un lien vers une image, il n'est pas fermé. Tu as
<a href="..." <img src="..."/></a>
a la place de<a href="..."><img src="..."/></a>
Et si tu veux avoir le même résultat sous ie et ff, dans met filter: alpha(opacity=60);
-
J'ai fermé les images, donc normalement cela devrait fonctionner, comme je te disais j'ai pas de PC donc si t'es sur un, pourrais tu me confirmer que cela fonctionne ?
Merci. -
Salut, désolé, ca ne fonctionne ni avec ie7, ni avec ie6. Les images ne s'affichent même pas.
A mon avis, tu doit avoir des conflits avec d'autres bouts de css ou javascript. J'ai beau chercher, je ne vois pas... -
Je ne vois pas moi non-plus, quelq'un pourrais m'aider ?
merci tout de même zoby44
