Comment changer l'opacité d'une image en javascript ?

 

par meltech1 |

     
Comment changer l'opacité d'une image en javascript ?

L'opacité d'une image c'est sa brillance et sa visibilté sur votre site Internet. Avec cet article votre image a au départ un effet opaque et peu visible sur votre site Internet. Ensuite au passage de la souris sur l'image celle-ci brille plus et donc devient visible par l'internaute. Ce changement d'opacité, c'est tout l'objet de cet article où vous allez progammer ce qui suit.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Logiciel bloc notes
  • Une image à rendre opaque

Étapes de réalisation

1.

Avec "bloc notes" vous ouvrez votre site Internet pour obtenir le code source. C'est le programme du site Internet. Maintenant veuillez chercher la balise <head>.

2.

Dans la balise <head> veuillez insérer le script suivant :
<script language="JavaScript">
function makevisible(cur,which)
{
if(document.getElementById)
{
if (which==0)
{
if(document.all)
cur.filters.alpha.opacity=100
else
cur.style.setProperty("-moz-opacity", 1, "");
}
else
{
if(document.all)
cur.filters.alpha.opacity=40
else
cur.style.setProperty("-moz-opacity", .4, "");
}
}
}
</script>.

3.

Ensuite dans la balise <body> insérez le script suivant :
<A HREF=http://www.commentfaiton.com><IMG SRC="image.gif" BORDER=0 WIDTH=109 HEIGHT=63 style="filter:alpha(opacity=40); -moz-opacity: .4;" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>.

4.

Pour terminer enregistrez avec "bloc notes" puis ouvrez avec IE. Vous voyez votre image opaque. Lorsque votre souris passe dessus il y a une surbrillance de l'image qui la rend visible.

Astuces et mises en garde

Astuce(s) :

Pour modifier l'image allez dans la balise <body> puis <img src="">.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on