EFFET D'OPACITÉ PROGRESSIF AU PASSAGE DE LA SOURIS

Mumuri Messages postés 320 Date d'inscription mercredi 9 octobre 2002 Statut Membre Dernière intervention 6 avril 2008 - 5 juil. 2003 à 17:35
stfou Messages postés 450 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 18 avril 2007 - 6 juin 2006 à 08:16
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/16032-effet-d-opacite-progressif-au-passage-de-la-souris

stfou Messages postés 450 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 18 avril 2007 3
6 juin 2006 à 08:16
<!----------------------------------------------------->
<script>
var opacityLevel=0;
function makevisible(arg1)
{
if(opacityLevel>35&&opacityLevel<101)
{
arg1.filter.alpha.opacity=35+opacityLevel;
opacityLevel++;
}
}
</script>

<!---------------------------------------------->

Voilà, essaye ça, c'est peut-être plus simple avec le setInterval.
je met 8.
SaturneVenus Messages postés 4 Date d'inscription mercredi 5 février 2003 Statut Membre Dernière intervention 12 octobre 2006
24 avril 2006 à 15:43
L'idée de départ est intéressante.
Pour les autres navigateurs, la solution avec les css :
http://www.peutetreunereponse.net/article-727713.html

Appliqué au cas d'école ici présent, cela donne ceci :

Feuille de style opacity.css :
a.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

a.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

Page html :
<HTML>
<head>
<title>Opacity</title>
<link media=screen href="opacity.css" rel="stylesheet" type="text/css" />
</head>

[
]
[
]

</HTML>
cs_meh Messages postés 66 Date d'inscription dimanche 18 août 2002 Statut Membre Dernière intervention 9 juillet 2007
8 juil. 2005 à 04:15
(désolé pour ma dernière phrase, il fallait lire ceci : )

Et quid dans tout ce m... des autres navigateurs ??? ...Je pense ici avant tout à Safari (Mac) et à Opéra, à MIE ou Firefox sur Mac aussi.
cs_meh Messages postés 66 Date d'inscription dimanche 18 août 2002 Statut Membre Dernière intervention 9 juillet 2007
8 juil. 2005 à 04:13
Salut ! Oui en effet ça peut avoir un effet assez cool dans une galerie d'images ou de miniatures. Merci pour le script mais ça ne marche pas avec Mozilla/Firefox, donc laisse tomber la pluie...

Regarde sur ce site http://www.javascript-fx.com/index.php?page=scripts en haut à droite et tu verras un script d'opacity qui marchent aussi sur des navigateurs autres que MIE, puisqu'il faut ajouter un "moz-opacity" particulier pour que ça marche sur ces Mozilla et Firefox ...Pourquoi ? Toujours la même question sans réponse !

Et quid dans tout e m... des autres navigateurs, je pense ici avant à Safari (Mac) et à Opéra, et sur Mac en général ...???
Mumuri Messages postés 320 Date d'inscription mercredi 9 octobre 2002 Statut Membre Dernière intervention 6 avril 2008
5 juil. 2003 à 17:37
je retire ce que j'ai di ca a quand méme son utilité dans le cas d'une gallerie d'image quand on veut mettre en valeur une image
Mumuri Messages postés 320 Date d'inscription mercredi 9 octobre 2002 Statut Membre Dernière intervention 6 avril 2008
5 juil. 2003 à 17:35
c'est intéréssant mais ca sert a rien ;), sait tu s'il serait possible de modifier ton script de maniére a ce qu'il fasse un dégradé d'opacité ... ce qui permettrait alors un effet de verre bombé, type

http://site.voila.fr/topflood/skinforum/ds_fichiers/mumuri.jpg
Rejoignez-nous