Svenja Krauss: Besonderer HOVER-Effekt

Beitrag lesen

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>

  1. 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" />

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