Bonsoir,
je ne sais pas si ce bout de code est ce que tu cherches, je l'ai utilisé pour afficher des images en miniature à leur taille réelle dans une nouvelle fenêtre.
<script>
<!-- script créé par le webmaster de : www.creation-de-site.net -->
<!-- vous y trouverez des javascripts, des images, des tutoriaux et des ressources gratuites. -->
<!-- Ce script permet d'afficher une image miniature à sa taille réelle dans une nouvelle fenêtre -->
function open_window(votre_page)
{
var hauteur_popup=800;
var H = (screen.height - hauteur_popup) / 2;
var largeur_popup=800;
var L = (screen.width - largeur_popup) / 2;
pop_up = window.open(votre_page,"Popup","status=yes,scrollbars=yes,resizable=no,height="+hauteur_popup+",width="+largeur_popup+",top="+H+",left="+L);
}
</script>
Le code est à placer dans l'entête du fichier html, entre les balises <head> et </head> et le navigateur doit accepter les pop-up pour que l'image puisse s'agrandir une fois qu'on clique dessus.
Ensuite tu as entre les balises <body et </body> un code ressemblant à celui-là.
Ici il va chercher les images et les affiche en miniature, et en même temps indique que lorsqu'on clique sur celles-ci il faut utiliser ll'ouverture du pop-up pour l'affichage en taille réelle.
<img src="..\images\image1.jpg" width="200px" onClick="open_window('../images/image1.jpg');">
<img src="..\images\image2.jpg" width="200px" onClick="open_window('../images/image2.jpg');">
<img src="..\images\image3.jpg" width="200px" onClick="open_window('../images/image3.jpg');">
<img src="..\images\image4.jpg" width="200px" onClick="open_window('../images/image4.jpg');">
Il faudra ajouter après chaque image en miniature la ligne
onClick="open_window('../images/image4.jpg')
pour que l'agrandissement puisse fonctionner.
C'est un peu barbare au premier abord, mais j'éspère qu'il te sera utile.
Bonne soirée.
miniature à leur taille réelle dans une seule et même fenêtre. Sais tu comment
procéder ? bonne soirée, Aléa