Image changeante au passage de la souris~By Rim'

•Au début :
Donc au début voila le code HTML de base :

Code:

<a onmouseover="document.img_1.src='Ici l'adresse de l'image qui change au passage de la souris';" onmouseout="document.img_1.src='Adresse de l'image principale';"><img class="img" name="img_1" src="Répéter la même adresse de l'image principale" </a>

Code d'exemple :

Et

Code:

<a onmouseover="document.img_1.src='http://img11.hostingpics.net/pics/735174Exemple22.png';" onmouseout="document.img_1.src='http://img11.hostingpics.net/pics/436100Exemple1.png';"><img class="img" name="img_1" src="http://img11.hostingpics.net/pics/436100Exemple1.png" </a>

Même code + lien quand on clique sur l'image :

Code:

<a href="http://htmlise-toi.lebonforum.com"
onmouseover="document.img_1.src='http://img11.hostingpics.net/pics/735174Exemple22.png';" onmouseout="document.img_1.src='http://img11.hostingpics.net/pics/436100Exemple1.png';"><img class="img" name="img_1" src="http://img11.hostingpics.net/pics/436100Exemple1.png" </a>

•Bonus (Je suis gentille ) :
Alors une petite astuce pour faire un texte qui est ombré au passage de la souris :
1-Il nous faut :
Texte simple :


Texte ombré :


Ps : Pour avoir un texte ombré il faut savoir utiliser Gimp ou un logiciel permettant d'ajouter une ombre à un texte.

Résultat final :

Code:

<a onmouseover="document.img_1.src='http://img11.hostingpics.net/pics/744070Exemple66.png';" onmouseout="document.img_1.src='http://img11.hostingpics.net/pics/768396Exemple55.png';"><img class="img" name="img_1" src="http://img11.hostingpics.net/pics/768396Exemple55.png" </a>

Voila j’espère que je vous ai aidé, merci de pas copier mon tuto HTML ni mes images.

Génial =D