Cambiare immagine senza ricaricare la pagina

[teju]

Ciao gente,
ho una form che mi richiede ad un certo punto quale immagine scegliere da associare a degli eventi che inserisco.
Le immagini sono caricate in una cartella e ho un database con l'elenco delle immagini, un id e il titolo.

Mi piacerebbe ora trovare il modo di avere un menù a tendina con l'elenco dei titoli delle immagini (e fin qui ci arrivo senza problemi col PHP), e ogni volta che seleziono dal menù a tendina un nome, mi compaia a lato l'immagine, senza dover ricaricare la pagina!

E' fattibile? Aiutatemi in questo miracolo!!

[teju]

sorry, ho sistemato un codice che avevo trovato googlizzando e ora funziona: lo riporto qui se a qualcun altro serve:

Nell'head:

<script type="text/javascript" language="JavaScript">
<!--
        function changeImage(form)
        {
        selection = form.imagename.options[form.imagename.selectedIndex].value;
        document.images[0].src = selection;
        }
-->
</script>

Form:
<FORM>
 <SELECT onchange=changeImage(this.form) size=1 name=imagename>
  <OPTION value="01.gif" selected>Prima immagine</option>
  <OPTION value="02.gif">Seconda immagine</OPTION>
 </SELECT>
 [img]01.gif[/img] 
</FORM> 

[teju]

[edit] rimangio tutto... [/edit]

Ciao ciao