Script effet d'opacité de l'image - HTML

A voir également:Script effet d'opacité de l'imageComment modifier l'opacité d'une image ? ✓ - Forum - The Gimp Effets d'animations grisés avec image ✓ - Forum - Bureautique Opacité sombre sur image ✓ - Forum - CSS Récupérer l'opacité d'une image en javascript ✓ - Forum - Javascript Script pour affichage d'une grande image ✓ - Forum - Webmaster

Forum

A voir également:Script effet d'opacité de l'imageComment modifier l'opacité d'une image ? ✓ - Forum - The Gimp Effets d'animations grisés avec image ✓ - Forum - Bureautique Opacité sombre sur image ✓ - Forum - CSS Récupérer l'opacité d'une image en javascript ✓ - Forum - Javascript Script pour affichage d'une grande image ✓ - Forum - Webmaster

Web: www.shapebootstrap.net

3 réponses

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Bonjour
c'est un code de plus de 15 ans, les navigateurs et le code ont évolués depuis
il te suffit de mettre ce code dans les css
   img.opacity {   opacity: 1;   /* IE8 et antérieurs */   filter: alpha(opacity=100);   /* Déclenche "hasLayout" dans IE 7 et antérieurs */   zoom: 1;  }   img.opacity:hover {   opacity: 0.5;   filter: alpha(opacity=50);   zoom: 1; }   

ensuite dans le code html, il te suffit de mettre la class opacity dans les balises img que tu veux opacifier, dans l'exemple suivant, seule la photo1 sera opacifiée quand le curseur de la souris sera dessus
 <img class="opacity" src="photo1.jpg" > <img src="photo2.jpg" > 


pour régler l'opacité, il suffit de changer les paramètres opacity=1 étant l'image normale, opacity=0.1 étant une image a peine visible

Merci elgazar 1

Heureux de vous avoir aidé ! Vous nous appréciez ? Donnez votre avis sur nous ! Evaluez CommentCaMarche

CCM a aidé 32760 internautes ce mois-ci

Reply
réponses:
  • auteur

    merci elgazar c'est bon, mais c'est l'effet contraire que je voudrais, c'est-à-dire que les images soient toutes opacifiées au chargement de la page, et au passage de la souris dessus qu'elles redeviennent normales....
    (ce sont des images avec des liens)
    merci

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

je viens de m'inscrire

Reply

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

C'est bon, j'ai trouvé, il suffisait d'inverser l'opacity : comme tu le dis ici :

"pour régler l'opacité, il suffit de changer les paramètres opacity=1 étant l'image normale, opacity=0.1 étant une image a peine visible "

Merci beaucoup bonne journée !

Reply

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed