
Membre
|
Bonjour, j'aimerais pouvoir que quand on passe la souris sur une image celle-ci soit agrandit.
J'ai trouver ce code:
1
<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:
1 2 3 4 5
<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:
1 2 3 4 5 6 7 8 9 10
<!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.
|