Membre
|
Bonjour, j'aimerais pouvoir que quand on passe la souris sur une image celle-ci soit agrandit.
J'ai trouver ce code:
<input type="image" name="page" value="main" onMouseOut="src='ton_image_petite.jpg'" onMouseOver="src='img/Titre/ton_image_grande.jpg'" src="ton_image_petite.jpg" width="108" height="46" border="0">
J'ai essayer de l'insérer dans ma page mais sa ne marche pas voici le code de la page en php qui affiche selon un code les images:
<td align="right" width="<?php echo $tinythumb_max_width; ?>">
<?php if($picfile) { ?>
<a href="<?php echo $url; ?>"><img src="<?php echo "{$datadir[adpics]}/{$picfile}"; ?>" border="0" width="<?php echo $imgsize[0]; ?>" height="<?php echo $imgsize[1]; ?>" style="border:1px solid black"></a>
<?php } ?>
</td>
Si une personne pourrait me dire comment intégrer le javascript dans mon code php ou bien une autre méthode sa serait nikel.
Merci d'avance
|
Membre
|
Salut, il y à un truc tous simple:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Image qui change au passage de la souris</title>
</head>
<body>
<img src="image_1.png" alt="Image" onmouseover="javascript:this.src='image_2.png';" onmouseout="javascript:this.src='image_1.png';" />
</body>
</html>
Tu agrandis ensuite ton image-2.png et puis quand on passera la souris ce sera l'image plus grande qui sera la donc sa agrandira l'image.
J’espère avoir pu t'aider.
|
