Mouseover mit Grossansicht

[Nine-T-Nine]

Hallo Zusammen!

Zu allererst - ich bin absoluter Neuling und "fummel" mich gerade in vielen Dingen zurecht....

Meine Frage:

Ich habe 4 Thumbnails erstellt, bei denen ich per Mouseover die Grossansicht (daneben) darstelle.

Das funktioniert auch soweit alles.

Jetzt möchte ich das gleiche Prozedere für 4 weitere Bilder umsetzen....

Im Head habe ich eingetragen:

<!-- begin
// Bilder bekannt machen

// variablennamen werden vergeben
var bild1 = new Image();
var bild2 = new Image();
var bild3 = new Image();
var bild4 = new Image();
var bild5 = new Image();
var bild6 = new Image();
var bild7 = new Image();
var bild8 = new Image();

// den Variablen wird die Bildquelle zugewiesen
bild1.src = "galerie/fotos/01.jpg";
bild2.src = "galerie/fotos/02.jpg";
bild3.src = "galerie/fotos/03.jpg";
bild4.src = "galerie/fotos/04.jpg";
bild5.src = "galerie/fotos/05.jpg";
bild6.src = "galerie/fotos/06.jpg";
bild7.src = "galerie/fotos/07.jpg";
bild8.src = "galerie/fotos/08.jpg";
// Funktion zum Tauschen der Bilder
function Zeigen(Bildname)
{
eval("document['picture'].src = " + Bildname + ".src");

}
// end -->


Im Body:

<table cellspacing="3" border="2" cellpadding="10">
<tr class="bgcolor5">
<td>
<img name="picture" src="galerie/fotos/04.jpg" width="300" height="400" border="2"><br></td>
<td>
<a href="#" onmouseover="Zeigen('bild1')"><img src="galerie/thumbs/thumb01.jpg" width="120" height="160" border="1"><a>
<a href="#" onmouseover="Zeigen('bild2')"><img src="galerie/thumbs/thumb02.jpg" width="120" height="160" border="1"><a><br>
<a href="#" onmouseover="Zeigen('bild3')"><img src="galerie/thumbs/thumb03.jpg" width="120" height="160" border="1"><a>
<a href="#" onmouseover="Zeigen('bild4')"><img src="galerie/thumbs/thumb04.jpg" width="120" height="160" border="1"><a>
</td></tr></table>
<br><br>

<table cellspacing="3" border="2" cellpadding="10">
<tr class="bgcolor5">
<td>
<img name="picture" src="galerie/fotos/07.jpg" width="300" height="400" border="2"><br></td>
<td>
<a href="#" onmouseover="Zeigen('bild5')"><img src="galerie/thumbs/thumb05.jpg" width="120" height="160" border="1"><a>
<a href="#" onmouseover="Zeigen('bild6')"><img src="galerie/thumbs/thumb06.jpg" width="120" height="160" border="1"><a><br>
<a href="#" onmouseover="Zeigen('bild7')"><img src="galerie/thumbs/thumb07.jpg" width="120" height="160" border="1"><a>
<a href="#" onmouseover="Zeigen('bild8')"><img src="galerie/thumbs/thumb08.jpg" width="120" height="160" border="1"><a>
</td></tr></table>
<br><br>

Für die ersten 4 Bilder klappt auch alles, bei den Bilder 5 bis 8 wird die Grossansicht immer im falschen Ansichtsbereich dargestellt.

Was mache ich falsch?
Wer kann mir helfen?

ghruss und Danke aus dem Norden.

Nine-T-Nine

[mi-schi]

AW: Mouseover mit Grossansicht

Ich sehe erstmal keinen Fehler. Kannst du das Problem noch ein wenig besser erläutern oder einfach mal als Beispiel hochladen?