Kleine Bilder -> Grosses Bild

[matthiasschnueriger]

Hallo!

Kann mit jemand sagen, wie ich folgendes erstellen kann? http://home.tiscalinet.ch/heidis/bilder.jpg
Ich möchte mehrere kleine Bilder nebeneinander haben und bei einem jeweiligen Rollover soll dieses kleine Bild im grossen Fenster angezeigt werden?

Klar? Danke für eure Antworten.

Gruss Matthias

 

[Tobias Menzel]

Hi,

Guckst Du z.B. hier und hier.

Prinzipiell brauchst Du eine JavaScript-Funktion, der eine Nummer übergeben wird. Anhand dieser Nummer wird das Bild dann ausgetauscht.

Einfache Version (ohne Vorausladen):

function shownumber(number) {
  document.getElementById("bigpicture").src=number+".gif";
}

wobei im großen Rahmen ein Bild namens "bigpicture" sitzt.
Der Aufruf (mouseOver) könnte so aussehen:

<img name="bild1" src="1_klein.gif" width="32" height="32" alt="" onMouseOver="shownumber(1)">

Gruß