Bonjour à tous, voilà je vous explique mon problème, j'espère que quelqu'un pourra me répondre ou me donner une piste.

Je suis en train de réaliser une galerie photo. Afin d'éviter le chargement de la page à chaque fois que l'on désire voir une nouvelle photo, un genre de bandeau est présent sur lequel apparaissent toutes les miniatures des photos.

Lorsque l'on clique sur l'une des miniatures, la photo en taille normale est automatiquement affichée grâce à l'évènement onclick :

<a onclick="document.getElementById('photo').src='<?php echo $reponse['nom'];?>'" style="cursor:pointer;"><img src="<?php echo $reponse['nom_miniature'];?>" width="80" height="65" alt="miniature" /></a>

Seulement voilà, je voudrais que ma requête sql charge également les commentaires postés sur chaque photos et que lorsque l'on clique sur une miniature on aperçoive donc la photo taille réelle, et les commentaires qui lui sont associés. Cependant je ne sais pas comment faire avec javascript pour influer sur les commentaires à afficher, c'est à dire charger tous les commentaires au départ et ensuite lorsque l'on clique sur différentes images, n'afficher que les commentaires en rapport avec celles-ci.

J'espère avoir été clair Merci

<img src="http://monimage.jpg" id="photo" alt="" />

<?php
$i = 0;
while ($photos..) {
	echo '<a href="#" onclick="showIm(' . $i . '); return false;">blabla</a>';
	echo '<div id="commentaires-' . $i . '" style="display: ' . ($i == 0 ? 'block' : 'none') . '">'.$commentaires.'</div>';
}
?>
<script type="text/javascript">
var imgs = <?php

$im = array('http://monimage.jpg', 'http://monimage2.jpg');

echo json_encode($im);

?>;

var current = 0;

function showIm(i) {
	document.getElementById('photo').src = imgs[i];
	document.getElementById('commentaires-' + current).style.display = 'none';
	current = i;
	document.getElementById('commentaires-' + i).style.display = 'block';
}
</script>

Truc du genre.