Script Masters
Page D'accueil
Forums
FAQ
Espace membre
Connexion
Inscription
Langages
ASP
Flash/ActionScript
Html
Javascript
Php/MySQL
Autres ressources
Téléchargements
Contributions
Poster une astuce
Partager vos scripts PHP
Ecrire un tutorial
Plus de détails ?
Dossiers webmasters
Bons Plans Webmasters
Librairie
Rentabilisez votre site
Emploi avec
Jobintree
Ressources graphiques
Générateur bannière flash
Kits Graphiques
Recherche
Kit graphique
Liens
Sponsors
Amortissez votre site
Editeur Javascript
Partenaires
Statistiques
9 connectés
image|opacite|rollover|style|internet|explorer||||
Javascript
>>
Catégorie
>>
Graphisme
>> Opacité d'une image
Description
Ce script permet d'afficher une image avec une faible opacité et de l'incrémenter au passage du curseur. Celle-ci retrouve son opacité initiale lors du retrait du curseur.
Exemple
[
Cliquez ici pour visualiser l'exemple
]
Informations et statistiques
Internet Explorer :
5+
Netscape Navigator :
non
Auteur :
Inconnu
Proposé par :
Devis
Modifications :
Daniel Fabien
Date de création :
18/01/2003
Visualiser :
24230
Dont aujourd'hui :
2
Envoi par mail :
464
Commentaires :
8
(
Voir
)
Conseils pour la personalisation du script
Pensez à bien régler l'opaciter dans la première et seconde partie du script. Vous pouvez appeler de cette façon autant d'images que vous le désirez.
Le script
Insérer ce script entre les balises <Head> </Head>
/* Insérer ce script entre les balises */ <script language="JavaScript1.2"> /* Javascript proposé par Devis * http://home.tiscali.be/relais12 * * Modifié par Daniel Fabien * Disponible sur Script Masters * http://www.script-masters.com/ * */ var opacite = 40; // Taux d'opacité entre 0 (invisible) et 100 function incOpa(element){ objet = element; intervalle = setInterval("progressifChange(objet,100,true)",50); } function decOpa(element){ objet = element; intervalle = setInterval("progressifChange(objet,opacite,false)",50); } function progressifChange(image,maxOpa,sens){ if(sens){ // On augmente l'opacité if (image.filters.alpha.opacity<maxOpa) image.filters.alpha.opacity+=5; else if (window.intervalle) clearInterval(intervalle); }else{ // On diminue l'opacité if (image.filters.alpha.opacity>maxOpa) image.filters.alpha.opacity-=5; else if (window.intervalle) clearInterval(intervalle); } } </script>
Insérer ce code entre les balises <Body> </Body>
/* Insérer ce code entre les balises */ <center> <a href="http://www.script-masters.com/" target="_blank"> <img src="http://www.script-masters.com/home/graphisme/logo_175x100.jpg" border=0 style="filter:alpha(opacity=40);" onMouseover="incOpa(this)" onMouseout="decOpa(this)"> </a> </center>
Recevoir ce script par email
Entrez votre email ci-dessous pour recevoir ce script dans votre boite à lettre
Je desire m'abonner à Script Masters pour être tenu au courant des modifications.
Poster un commentaires :
Nom/Pseudo :
Commentaire :
Plus d'info :
Un problème ? Consultez
le forum de Script Masters
pour trouver la réponse !
Fabien Daniel - © 2001-2009 | Hebergement : OVH | CNIL : 796128