Per onclick Bild und Formularwert ändern ohne button

[Sandy]

Guten Morgen zusammen!
Ich habe folgendes Problem. Ich habe mehrere Gifs die übereinander liegen. Per onclick auf ein kleines thumb soll das Bild in einer Ebene gewechselt werden und ein Wert in einem Formular geändert werden. Hier ist der gekürzte Quellcode wie ich es bisher habe.

  
<form action="abschicken.php" method="post">  
<img src="ebene1.jpg">  
<img src="ebene2.gif" name="ebene2">  
<img src="ebene3.gif" name="ebene3">  
<img src="ebene4.gif" name="ebene4">  
<img src="ebene5.gif">  
  
Ebene2 thumbs  
<button type="button" onclick="this.form.ebene2.value='1'; theImg=new Image(); theImg.src='ebene2/1.gif'; document.images.ebene2.src=theImg.src; void(0);"><img src="ebene2/1.jpg"></button>  
  
<button type="button" onclick="this.form.ebene2.value='2'; theImg=new Image(); theImg.src='ebene2/2.gif'; document.images.eben2.src=theImg.src; void(0);"><img src="ebene2/2.jpg"></button>  
  
Ebene3 thumbs  
<button type="button" onclick="this.form.ebene3.value='1'; theImg=new Image(); theImg.src='ebene3/1.gif'; document.images.eben3.src=theImg.src; void(0);"><img src="ebene3/1.jpg"></button>  
  
<button type="button" onclick="this.form.ebene3.value='2'; theImg=new Image(); theImg.src='ebene3/2.gif'; document.images.ebene3.src=theImg.src; void(0);"><img src="ebene3/2.jpg"></button>  
  
Ebene4 thumbs  
<button type="button" onclick="this.form.ebene4.value='1'; theImg=new Image(); theImg.src='ebene4/1.gif'; document.images.ebene4.src=theImg.src; void(0);"><img src="ebene4/1.jpg"></button>  
  
<button type="button" onclick="this.form.ebene4.value='2'; theImg=new Image(); theImg.src='ebene4/2.gif'; document.images.ebene4.src=theImg.src; void(0);"><img src="ebene4/2.jpg"></button>  
  
<input name="ebene2" value="1">  
<input name="ebene3" value="1">  
<input name="ebene4" value="1">  
  
</form>  

Nun möchte ich aber das Bild nicht innerhalb eines Buttons anzeigen, sondern nur das Bild, weil ich etwa 120 thumbs hab und mir langsam der Platz ausgeht. Aber sobald ich den Button entferne, wird weder das Bild gewechselt noch wird der Wert im Formularfeld geändert.
Vielleicht wisst Ihr da eine Lösung. Außerdem wäre es ganz schön, wenn ich den Quelltext kürzen könnte, allerdings haben die Bilddateien so wie ich es benutze richtige Namen und nicht Zahlen, die ich für hier abgeändert habe.
Vielen Dank schonmal und liebe Grüße
Sandy

[Edgar Ehritt]

Hallo Sandy,

da Du ohnehin schon mit Javascript arbeitest, wäre vielleicht die ganze Struktur zu überdenken. Auf Anhieb viele mir da ein, auf Vorschaubilder ganz zu verzichten und einen Preloader zu basteln. Zu Deinem generellen Anliegen bitte ich mal um einen Link, um sich das ganze anzusehen? (Mir ist nämlich nicht wirklich klar, was Du mit Ebenen meinst.)

Gruß aus Berlin!
eddi