Script effet d'opacité de l'image
mamyvel
-
mamyvel Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
mamyvel Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
Bonjour, j'avais installé ce script sur une page html mais ça ne fonctionne pas :
https://codes-sources.commentcamarche.net/source/16032-effet-d-opacite-progressif-au-passage-de-la-souris
Quelqu'un pourrait-il m'apporter des précisions? merci
https://codes-sources.commentcamarche.net/source/16032-effet-d-opacite-progressif-au-passage-de-la-souris
Quelqu'un pourrait-il m'apporter des précisions? merci
A voir également:
- Script effet d'opacité de l'image
- Script vidéo youtube - Guide
- Effet miroir word - Guide
- Image iso - Guide
- Mas script - Accueil - Windows
- Acronis true image - Télécharger - Sauvegarde
3 réponses
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
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
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
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
(ce sont des images avec des liens)
merci