Tout est dans le titre. Passez la souris sur l'image et vous verrez!

Voici un exemple de code
<p ><a href="http://lignepapilles.canalblog.com/archives/2007/07/27/5768888.html" target="_blank"><img onmouseout="this.src='http://storage.canalblog.com/55/35/446950/26054180_p.jpg'" onmouseover="this.src='http://idata.over-blog.com/2/18/61/24/archives/0/24738528.jpg'" src="http://idata.over-blog.com/2/18/61/24/archives/0/24738528.jpg" /></a></p>

Si on dépiote le code ça donne :

<p ><a href="adresse vers laquelle on arrive si on clique sur l'image" target="_blank">
<img onmouseout="this.src='adresse de l'image quand la souris n'est pas dessus'" onmouseover="this.src='adresse de l'image quand la souris passe dessus'" src="adresse quand la souris n'est pas dessus" /></a></p>

Vous pouvez coller cela dans vos colonnes pour illustrer les catégories entre autre.

NB : Pour avoir des adresses d'images, il suffit de les télécharger dans un billet normal de cliquer sur le logo html<> et prendre l'adresse affichée. Nul besoin de valider. Un simple copier/coller suffira.

Chouette non?

Ce tuto vous est offert par Pupuce. Merci à elle!