met Ajax door afbeeldingen klikken

[rwassing]

Hoi,

Met mn basic PHP en Javascript kennis kwam ik er niet uit: Ajax.

Uitleg:
Op mn website www.nukuomu.nl/V2 zie je in het groot een eerste afbeelding met daaronder een thumbnail van de volgende afbeelding. In PHP heb ik een array '$arr_poster' met alle info van alle afbeeldingen met index $i. Nu wil ik 't graag met ajax zo maken dat wanneer je op de thumbnail klikt, een volgende afbeelding wordt weergegeven.

Head

function change_img(i) {
... hier iets met ajax en de index $i? ...
}
</script>

Body

<div id="content_div">
 <div id="port_img_div">
  ... standaard de eerste afbeelding laden ($i = 0) 
  en na het klikken op de thumbnail de volgende laden ...
   <?php echo"<img src=\"images/portfolio/" . $arr_poster[$i]["filename"] . "\"/>"; ?>
   <div id="port_info_div">
     <?php
      $i = 0;
      echo $arr_poster[$i]["title"] . "<br />";
      echo $arr_poster[$i]["h"] . "x" . $arr_poster[$i]["w"] . "<br />";
      echo "&euro;" . $arr_poster[$i]["price"] . "";
      $i++;
      echo "</div>
      <!-- onclick, roep functie aan en vervang de afbeelding -->
      <div id=\"port_thmb_div\" onclick=\"change_img(" . $i . ")\">";
      for ($i = 1; $i < count($arr_poster); $i++) {
      echo "<img src=\"images/portfolio/" . $arr_poster[$i]["filename"] . "\"/>";
       }
      ?>
    </div>
  </div>
</div>

Kan iemand mij de weg wijzen?

Dank, Rick