Bonjour,
J'ai repiqué une partie de code sur un site, car il correspondait bien à ce que je voulais faire...
A savoir : au survole d'un lien, afficher l'image correspondante...
Le problème que je n'arrive pas a résoudre :
Comment dimensionner la taille du pop-up en fonction de celle de l'image ?
Comment permettre de cliquer sur le lien, pour qu'une nouvelle fenetre s'ouvre (sans barres, menus...etc) et tant qu'à y etre, de la taille de l'image ?
Voici le code... Si quelqu'un voit une solution... je sèche depuis 3 jours la dessus...
Franck
<script language="JavaScript" type="text/JavaScript">
var calque;
var coorx;
var coory;
function ie()
{
var f=window.event;
coory = f.y;
coorx = f.x;
}
function Init()
{
document.onmousemove=ie;
}
function voir (nom,src)
{
document.images[nom].src=src;
calque = document.getElementById("menu1").style;
calque.visibility = 'visible';
calque.top = (coory-66+ document.body.scrollTop);
calque.left = (coorx+30);
}
function cache ()
{
calque = document.getElementById("menu1").style;
calque.visibility = 'hidden';
}
</script>
<body>
<div id="menu1" style="position:absolute; width:66px; height:66px; z-index:2; visibility:hidden;"><img src="1pixel.gif" name="roll" width="66" height="66" border="2"></div>
</body>
<?
echo "<BR><BR><BR>";
$image="1.jpg";
$reference="lien 1";
echo "<A HREF=\"$image\" TARGET=\"_top\" onmouseover=\"cache();voir('roll','$image');\" onmouseout=\"cache();\">$reference</a>";
echo "<BR><BR> Comment faire pour conserver les proportions de l'image ??? <BR>";
echo "<BR><BR> Comment faire pour qu'un click sur le lien ouvre une nouvelle fenetre (sans barres, menus, et de la taille de l'image ???) <BR>";
?>
<script>
Init();
</script>
</body>
</html>