Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

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>   <A href="perso.asp?num_langue=7&num_page=44&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> <A href="perso.asp?num_langue=7&num_page=42&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> <A href="perso.asp?num_langue=7&num_page=40&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> <A href="perso.asp?num_langue=7&num_page=43&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> <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

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

Pseudo :
Code :
	Se souvenir de moi