Nouvelle fonction ajouté à mon Blog.
Quand vous passez la souris sur un mot en gras vous êtes succeptible de voir apparaitre une image.

Démo:
Hier j'ai vu un chat

chat
dans la rue
rue
.

Code source:
  • CSS:
  • /*Image en <b> hover ***************************/ div img{ width:35%; height:35%; -moz-opacity:0.75; opacity:0.75; } b div { position:absolute; /* top:10em; <== petite rectification: mise en commentaire de cette ligne pas très appropriée à mon blog*/ width:90%; text-align:center; margin:0 auto 0 auto; display:none; } b:hover div { display:block; }
  • HTML:
  • <p>Votre texte avec le mot pour <b>l'image<div><img src="xxx" alt="xxx"></div></b></p>

Voila c'est "tout" con mais c'est simpa!! Merci à HyWaN de m'avoir aidé à finir le script.
Pour ceux qui ce disent: "mais qu'est-ce qu'il raconte n'importe quoi ce gars, ca ne marche pas!" c'est surement parce que vous utilisez un navigateur qui ne respecte pas les normes du W3C comme internet explorer par exemple, car ce script est valide.