Bonjour a tous ...
Ce que je cherche à faire est dit plus haut ! En cherchant sur google, beaucoup de discussion sur comment afficher un texte au survol d'une image (title, et alt étant les propriétés les plus simples pour cela).
Moi j'aimerais faire le contraire : afficher une miniature au passage de la souris sur un texte.
Pour ce faire, j'utilise du javascript. Malheureusement, j'ai un petit souci : mon image s'affiche toujours au même endroit peut importe ou je place mon texte. De plus, quand on passe la souris sur le texte, le contenu descend pour prendre la grandeur de l'image affiché.
Comment donc faire pour le placer automatiquement juste à coté de mon texte ? Et surtout, comment placer mon image de facon à ce que mon texte ne bouge pas ?
Voici mon code javascript
Code Javascript :
<script language="javascript">
<!--
function afficherImage()
{
document.getElementById('zoneImg').innerHTML = '<img src="http://www.google.fr/images/firefox/fox1.gif" />';
}
function enleverImage()
{
document.getElementById('zoneImg').innerHTML = '';
}
-->
</script>
Ensuite, dans mon html, je met ce code:
Code HTML :
<div onmouseover="afficherImage();" onmouseout="enleverImage();">Afficher</div>
<label id="zoneImg"></label>
Merci d'avance pour vos réponses !