EFFET D'OPACITÉ PROGRESSIF AU PASSAGE DE LA SOURIS
Mumuri
Messages postés320Date d'inscriptionmercredi 9 octobre 2002StatutMembreDernière intervention 6 avril 2008
-
5 juil. 2003 à 17:35
stfou
Messages postés450Date d'inscriptionsamedi 16 avril 2005StatutMembreDernière intervention18 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.
cs_meh
Messages postés66Date d'inscriptiondimanche 18 août 2002StatutMembreDerniè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és66Date d'inscriptiondimanche 18 août 2002StatutMembreDerniè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és320Date d'inscriptionmercredi 9 octobre 2002StatutMembreDerniè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és320Date d'inscriptionmercredi 9 octobre 2002StatutMembreDerniè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
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.
24 avril 2006 à 15:43
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>
8 juil. 2005 à 04:15
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.
8 juil. 2005 à 04:13
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 ...???
5 juil. 2003 à 17:37
5 juil. 2003 à 17:35
http://site.voila.fr/topflood/skinforum/ds_fichiers/mumuri.jpg