Hi, irgendwie bekomme ich das nicht hin, ich habe also folgendes gemacht:
Wenn die Maus darüber fährt, soll was passieren:
<a href="#" onmouseover="bildwechsel('bildneu.jpg')
"title="blah">Link 1 </a>
<a href="#" onmouseover="bildwechsel('QUELLE ZUM BILD')"title="blah">Link 1 </a>
<a href="#" onmouseover="bildwechsel('QUELLE ZUM 2. BILD')"title="blah">Link 2 </a>
<a href="#" onmouseover="bildwechsel('QUELLE ZUM 3.BILD')"title="blah">Link 3 </a>
- Du hast das grosse Bild, welches sich ändern muss:
<img src="standardbild.jpg" alt="blah" id="bild" />
<img src="QUELLE ZUM GROSSEN BILD" alt="blah" id="bild" />
- Du hast eine Javascript Funktion
Diese Funktion wechselt das Bild aus.
Sie wird aufgerufen, wenn du mit der Maus
Über einen Link fährst.function bildwechsel(src)
{
// Grosses Bild holen
var bild = document.getElementById('bild');// Jetzt hast du dein Bild quasi in der
// Vaiable "bild" drinnen und kannst
// damit allerhand anstellen.
// Zum beispiel eben die Quelle (src)
// ändern.
}
function bildwechsel(src)
{
// Grosses Bild holen
var bild = document.getElementById('QUELLE ZUM 1. GROSSEN AUSTAUSCH-BILD');
}
function bildwechsel2(src)
{
// Grosses Bild holen
var bild = document.getElementById('QUELLE ZUM 2. GROSSEN AUSTAUSCH-BILD');
}
function bildwechsel3(src)
{
// Grosses Bild holen
var bild = document.getElementById('QUELLE ZUM 3. GROSSEN AUSTAUSCH-BILD');
}
Dabei tut sich bei mir überhaupt nichts.
Gruss
Svenja