bonjour a toutes et tous
voila ma question:
j'ai une page toute simple (pour le moment)
sur laquelle il y a des liens pointant
vers des images.
il y a une fonction javascript qui me permet
d'afficher l'image quand on passe la souris sur le lien ... jusqu'ici rien de bien sorcier...
ca fonctionne.
maintenant je voudrai que l'image soit redimensionnée en gardant les proportions
quand on passe la souris sur le lien.
(quatre fois plus petite par exemple)
j'ai essayé plein de trucs ... sans succès
pourriez vous me donner un coup de main
svp ... car la je galère bien !!
voila le code de la page
merci de votre aide
--------------------------------------------
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="bulle" style="position: absolute;"></div>
<script>
decal_x = 25;
decal_y = -15;
document.onmousemove = suivre_souris0;
var contenu
function pop0(contenu)
{
document.getElementById("bulle").innerHTML = "<table border='1'bordercolor='red'style='background-color: #000000;'cellpadding='6' cellspacing='0'><tr><td><font color='#ffffff'face='comic sans ms'size='2'><b>"+contenu+"</b></font></td></tr></table>";
}
function suivre_souris0(e)
{
if (navigator.appName=="Microsoft Internet Explorer")
{
var x = event.x + document.body.scrollLeft; var y = event.y + document.body.scrollTop;
}
else
{
var x = e.pageX;var y = e.pageY;
}
document.getElementById("bulle").style.left = x + decal_x; document.getElementById("bulle").style.top = y + decal_y;
}
function disparaitre0()
{
document.getElementById("bulle").innerHTML = '';
}
</script>
<a href="file:///D|/chemin image.JPG"onMouseOver="pop0('<img src=\'file:///D|chemin image.JPG\' />')" onMouseOut="disparaitre0()">nassim1</a><br>
<a href="file:///D|/chemin image.JPG.jpg"onMouseOver="pop0('<img src=\'file:///D|/chemin image.jpg\' />')" onMouseOut="disparaitre0()">nassim2</a><br>
<a href="file:///D|/chemin image.JPG.jpg"onMouseOver="pop0('<img src=\'file:///D|/chemin image.JPG.jpg\' />')" onMouseOut="disparaitre0()">nassim3</a><br>
<a href="file:///D|/chemin image.JPG.jpg"onMouseOver="pop0('<img src=\'file:///D|/chemin image.JPG.jpg\' />')" onMouseOut="disparaitre0()">nassim4</a><br>
<a href="file:///D|/chemin image.JPG.jpg"onMouseOver="pop0('<img src=\'file:///D|chemin image.JPG.jpg\' />')" onMouseOut="disparaitre0()">nassim5</a><br>
<a href="file:///D|/chemin image.JPG.jpg"onMouseOver="pop0('<img src=\'file:///D|chemin image.JPG.jpg\' />')" onMouseOut="disparaitre0()">nassim6</a><br>
</body>
</html>