Bonjour,

Je suis en train de créer uen galerie photo sur un site web.
Dans une div apparaissent les miniatures.
Je fais appel à un script JS qui affiche une image survolée dans une div différente faisant apparaître l'image agrandie.
Cela fonctionne très bien.
Le hic, c'est quand je souhaite afficher l'image agrandie sous forme de variable php qui va chercher le nomde la photo.

La requête php pour afficher les miniatures à partir d'un dossier fonctionne
mon probleme est que l'image agrandie est toujours la même, à savoir la dernière des miniatures.

J'éxécute pourtant mon script JS dans la boucle While de la requête.

Voici mon code.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php 
if (isset($dir)){
	 $dossier=opendir($dir);
						echo '<div id="gallery">';
						while($fichier=readdir($dossier)){
					        $berk=array('.', '..');
 
					        if(!in_array($fichier,$berk)){
					            $lien=$dir.''.$fichier;
					            print '<div style="float:left;border:0px;">';
 
					            if(file_exists($lien)){
						?>
						<a OnMouseOver="javascript:changerimage()" OnMouseOut="javascript:enleverimage()"><img src="<?php print $lien; ?>" width="86px" height="100px" border="0px"></a>
						<script type="text/javascript">
						function changerimage(){
						document.getElementById("image").innerHTML = "<img src='<?php print $lien; ?>' width='359px' height='590px;'/>";
						}
						function enleverimage(){
						document.getElementById("image").innerHTML = "<img src='images/image_gauche_piscine.jpg'/>";
						}
						</script>
						<?php
								}
						print '</div>';
					        }
						}
						echo '</div>';
						}
						?>
Si quelqu'un a une solution pour que mon script
"document.getElementById("image").innerHTML = "<img src='<?php print $lien; ?>"
marche.....

merci beaucoup.