L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
121715 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Blog
     Page Rank
     Gifs animés, f...
     Poésie et cita...
     Easy-script.com
     Web creation ...
     Je crée mon site
     Azote.org - no...
     Outils de créa...
     K i s s design
     Electroniq...
     L'histoire d'a...
     Les autres
     Votre site ici ?


Changer l'opacité d'une image au passage de la souris

Script posté par :

krucial - (Site : L'éditeur JavaScript)
Vous aussi, postez vos scripts en cliquant ici.


Description

En utilisant le filtre alpha d'internet explorer, ce script vous permet de modifier l'opacité d'une image au passage de la souris.


Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Netscape Navigator : 6 et +
 Internet Explorer : 4 et +
Ce script utilise le DHTML


Chiffres :

Date de création : 2/03/2003
Dernière modif : 13/06/2004
Visites de la page : 107521
Envois par mail : 1611


Dernière modification du script :

Le 13/06/2004 : Le script est desormais compatible avec Mozilla/Netscape.
>> Voir toutes les modifications effectuées sur ce script.


Exemple :




Le code :

Entre <HEAD> et </HEAD> :


Entre <BODY> et </BODY> :


Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Les annotations des visiteurs :

De yabon - le 24-01-2010
Apparemment ce script ne fonctionne pas
avec firefox 3.5.7....est-ce une vue de l'esprit ?
De redrockminerals - le 12-03-2010
Ne fonctionne pas non plus pour moi.
De coco06 - le 28-01-2011
Hello, totalement novice, moi je pense qu'il marche avec quelques changements mais problème au rafraichissement de la page. l'effet de l'opacité arrive sur toutes les photos et disparait au passe de la souris et cela fonctionne normalement. please help !

Voici le code :

<P>&nbsp;&nbsp;&nbsp;<A href="perso.asp?num_langue=7&amp;num_page=44&amp;flash=non"><IMG border=0 style="filter:alpha(opacity=40); -moz-opacity: .4;" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,0)" src="http://127.0.0.1:5126/image.asp?num_image=41">;
</A>&nbsp;<A href="perso.asp?num_langue=7&amp;num_page=42&amp;flash=non"><IMG border=0 style="filter:alpha(opacity=40); -moz-opacity: .4;" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,0)" src="http://127.0.0.1:5126/image.asp?num_image=43">;
</A>&nbsp;<A href="perso.asp?num_langue=7&amp;num_page=40&amp;flash=non"><IMG border=0 style="filter:alpha(opacity=40); -moz-opacity: .4;" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,0)" src="http://127.0.0.1:5126/image.asp?num_image=40">;
</A>&nbsp;<A href="perso.asp?num_langue=7&amp;num_page=43&amp;flash=non"><IMG border=0 style="filter:alpha(opacity=40); -moz-opacity: .4;" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,0)" src="http://127.0.0.1:5126/image.asp?num_image=42"></A>&nbsp;<IMG border=0 src="http://127.0.0.1:5126/image.asp?num_image=62"></P><A href="http://www.editeurjavascript.com"></A>;
De tidave - le 18-08-2011
Bonjour
cet effet est facile à faire avec les propriétés CSS

exemple:


<style type="text/css">
.change_opacite:hover{
filter:alpha(opacity=90);
opacity:0.9;
}
</style>

il suffit de mettre une classe sur l'image


<img class="change_opacite" src="images.jpg"/>


A bientôt

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
iFrance Pro
Reposant sur une plateforme technique vraiment performante, iFrance pro propose des offres vraiment tres interessantes, nom de domaine offert, à partir de 5 € / mois !
http://www.ifrancepro.com/
Cat : Hebergement web
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
65912 membres
4797 comptes CountUs
1839 comptes myCircle

     LES FORUMS :
14 forums
40353 topics
191677 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Hebergement / Linux" du jour par caaptusss
Lorsque vous choisissez votre hébergment, ne prenez pas trop large ! 150 Mo suffisent largement pour un site qui n'a que quelques dizaines de pages ! Vous pourrez alors agrandir votre espace au fur et à mesure que vous en aurez besoin !
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2012 EJS - Tous droits réservés | CNIL N° 844440 | 04/02/2012 04:07:31 | Design by | Gen. en 0.504 sec.