Javascript verzweifelt gesucht

Zitat:

---

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... << )

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

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

HTML-Code:

---

<img src = "" alt = "" id = "grosses_bild" />

---

Dann bei jedem kleinen Bild am Rand:

HTML-Code:

---

<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:

HTML-Code:

---

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

---

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

awwww danke :3 perfekt... ^.^