Remplacement d'images par d'autres

[andre_21]

Bonjour à Tous.

Sur une page, j'affiche des miniatures d'images et lorsque je passe la souris, l'image de plus grande taille s'affiche en haut à gauche de l'écran dans une popup.

Ci-dessous mon code qui fonctionne parfaitement.

Code :

1
2
3
4
5
 
 
<a href="#" onmouseout="popphoto.close()" ; onmouseover="popphoto=window.open('mapage.php?photo=<?php echo $nom_repertoire_maxi ?>','xxn','top= 160,left = 10,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,copyhistory=no,resizable=yes, width=<?php echo $width; ?>,height=<?php echo $height; ?>');  if (popphoto.blur) popphoto.focus()">
<img src="<?php echo $nom_repertoire; ?>" width="20%" alt=""/>
</a>

Je voudrais faire la même chose mais sans popup (et j'avoue que je sèche un peu), c'est à dire afficher ma grande image comme si elle faisait partie de fond de page.

Merci d'avance pour vos idées.

[SpaceFrog]

lightbox ?

[sekaijin]

Code html :

1
2
3
4
5
<a href="#"
  onmouseout="this.firstChild.src='image2.jpg'"
  onmouseover="this.firstChild.src='image1.jpg'"><
img src="image1.jpg" width="20%"
/></a>

A+JYT