Fade In / Fade Out en Javascript
Il y a des fois où l’utilité d’un poids-lourd comme JQuery est contestable. Notamment lorsqu’on ne souhaite utiliser qu’un seul simple effet de Fade in / Fade Out (changement d’opacité) sur une ou des images. C’est pourquoi je vous propose ce simple script, adaptation de celui créé par Hregrin, avec son aimable consentement.
Passez la souris sur l’image pour déclencher l’effet.
Syntaxe
<script type='text/javascript' src='fadein.js'></script>
<script type='text/javascript'>
Opacity(opacity, classname, timer);
</script>
Paramètres
- opacity
- Valeur de 1 à 100 correspondant au pourcentage d’opacité souhaité.
- classname
- Nom de la classe sur laquelle appliquer l’effet de fade in/out
- timer
- Temps de transition entre les effets (en millisecondes)
Bonjour je viens de récupérer le script qui ma fois fonctionne parfaitement a l’exception d’internet explorer 6.
peut etre un souci de charset mais j’en doute une info particulière a m’apporter ?
pour info il n’y pas de rollover n’y rollout j’ai procédé avec onload dans le body ex:
Merci a vous d’avance en attente d’une réponse …
A bientot
@Kermit
Bonjour,
Le script a été testé sous IE6 et il fonctionne normalement. C’est d’ailleurs testable ici même, avec l’exemple de l’article.
Quel charset utilisez-vous ?
@Kermit
Drôle de question, depuis quand IE6 supporte-t-il nativement la transparence ?
Merci pour se script , il met beaucoup utile !