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

Script effet d'opacité de l'image Comment modifier l'opacité d'une image ? (Résolu) » Forum - The Gimp Effets d'animations grisés avec image (Résolu) » Forum - Bureautique Opacité sombre sur image (Résolu) » Forum - CSS Récupérer l'opacité d'une image en javascript (Résolu) » Forum - Javascript Script pour affichage d'une grande image (Résolu) » Forum - Webmaster

Forum

Script effet d'opacité de l'image Comment modifier l'opacité d'une image ? (Résolu) » Forum - The Gimp Effets d'animations grisés avec image (Résolu) » Forum - Bureautique Opacité sombre sur image (Résolu) » Forum - CSS Récupérer l'opacité d'une image en javascript (Résolu) » Forum - Javascript Script pour affichage d'une grande image (Résolu) » Forum - Webmaster

Web: www.shapebootstrap.net

4 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

Avec quelques mots c'est encore mieux Ajouter un commentaire

CCM a aidé 26522 internautes ce mois-ci

Reply
réponses:
  • mamyvel

    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