XML

alexislevrai Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   -  
alexislevrai Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   -
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.
A voir également:

8 réponses

zoby44 Messages postés 818 Date d'inscription   Statut Membre Dernière intervention   199
 
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.
0
alexislevrai Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   51
 
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
0
alexislevrai Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   51
 
En fait j'ai eu le temps de tester et cela fonctionne, Merci beaucoup pour ton aide.
0
alexislevrai Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   51
 
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.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
zoby44 Messages postés 818 Date d'inscription   Statut Membre Dernière intervention   199
 
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);

0
alexislevrai Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   51
 
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.
0
zoby44 Messages postés 818 Date d'inscription   Statut Membre Dernière intervention   199
 
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...
0
alexislevrai Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   51
 
Je ne vois pas moi non-plus, quelq'un pourrais m'aider ?

merci tout de même zoby44
0