Javascript verzweifelt gesucht

[Miss Kaizer]

In einem Streifen werden die Bilder am Rand klein gezeigt.

Wenn man mit der Maus eines davon überfährt wird dieses groß
im Hauptbereich der Seite eingeblendet.




Benutze Javascript


joah... ich hab jetzt lange gesucht und ohne Ergebnis... bzw auch schon verdammt lang rumprobiert. <_<
Kann mir hier vielleicht jemand helfen? :3 :rolleyes:

(und ich hoffe ich bin jetzt hier richtig... << )

[NPC Fighter]

Was meinst du mit groß im Hauptbereich eingeblendet?
Über dem Content oder an einer bestimmten Stelle oder wie?

[drunken monkey]

An der Stelle, wo später das Bild erscheinen soll:

<img src = "" alt = "" id = "grosses_bild" />
Dann bei jedem kleinen Bild am Rand:

<img src = "bild1_icon.jpg" alt = "bild1" onmouseover = "document.getElementById('grosses_bild').src = 'bild1.jpg';" />
Sollte klappen, wenn nicht, braucht's wahrscheinlich noch ein a-Element ums Bild herum.

Edit: Bei mir klappt's.

Edit 2: Ups, das habe ich überlesen. ^^'
Ist geändert und funktioniert noch immer.

Edit 3: Falls das Bild wieder unsichtbar gemacht werden soll, wenn man mit der Maus das Bild am Rand verlässt, gehört's so:

<img src = "bild1_icon.jpg" alt = "bild1.jpg"
onmouseover = "document.getElementById('grosses_bild').src = 'bild1.jpg';"
onmouseout = "document.getElementById('grosses_bild').src = '';" />

[Jesus_666]

@dm: Warum onclick, wenn onmouseover der Anforderung eher entspricht?

[Miss Kaizer]

awwww danke :3 perfekt... ^.^