Privilège - Mettre vos liens en images

J'ai trouvé l'idée chez CREATION DE SITE

Cette astuce ne fonctionne que sous IE malheureusement.

Ce code peut être utilisé pour mettre en valeur une liste de liens sans recourir à un programme plus lourd tel que Snap. Au survol de la souris, l'image représentative de la destination apparaît :

Vronski Beat
La Déco d'Anna K.
Château féodal et ruine médiéval
Soviet Suprem

Pour chaque lien, vous préparez une image de petit format qui représente la destination de ce lien : avatar ou saisie d'écran de la page d'accueil.

Puis vous collez en HTML :

<script type="text/javascript">
<!-- script créé par le webmaster de : -->
<!-- www.creation-de-site.net -->
<!-- vous y trouverez des javascripts, des images, des tutoriaux et des ressources gratuites. -->
<!--
var img = new Array()
img[1]='<img src="ADRESSE ICONE BLOG 1">'
img[2]='<img src="ADRESSE ICONE BLOG 2">'
img[3]='<img src="ADRESSE ICONE BLOG 3">'
img[4]='<img src="ADRESSE ICONE BLOG 4">'
img[5]='<img src="ADRESSE ICONE BLOG 5">'

function souris_on(contenu)
{
 if (document.all)
  image.innerHTML=contenu;
}
function souris_off()
{ image.innerHTML = defaut; }
//-->
</script>

</p><a onmouseover="souris_on(img[1]);" onmouseout="souris_off();" href="ADRESSE BLOG 1">NOM BLOG 1</a> </p>
<p><a onmouseover="souris_on(img[2]);" onmouseout="souris_off();" href="ADRESSE BLOG 2">NOM BLOG 2</a> </p>
<p><a onmouseover="souris_on(img[3]);" onmouseout="souris_off();" href="ADRESSE BLOG 3">NOM BLOG 3</a> </p>
<p><a onmouseover="souris_on(img[4]);" onmouseout="souris_off();" href="ADRESSE BLOG 4">NOM BLOG 4</a> </p>
<p><a onmouseover="souris_on(img[5]);" onmouseout="souris_off();" href="ADRESSE BLOG 5">NOM BLOG 5</a> </p>

<table>
<tr>
<td>
<div id="image">
<img src="http://accel7.fdata.over-blog.com/0/37/17/67/avatar-blog-50320-tmpphp3apTG9.jpeg">
</div>
</table>

<script type="text/javascript">
<!--
if(document.all)
 var defaut = image.innerHTML;
//-->
</script>

En rouge, vous remplacez par l'adresse du lien
En bleu, vous remplacez par l'adresse du blog ou du site
En vert, vous remplacez par le nom du blog ou du site.
En violet, l'adresse de l'image qui apparaît lorsqu'aucun lien n'est survolé