Grafikenazeige mit Rollovereffekt

Status
Nicht offen für weitere Antworten.
Ich denke mal du meinst da den Rollover-Effekt in der Navigation oder? Das ist mit Javascript zu lösen. Schau einfach ins Javascript Forum, da gab schon viele Fragen zu dem Thema.
Simpel gesagt hauts so hin:
In den Head dieses Script:
Code:
<script language="javascript" type="text/javascript">
  function changeImage(imgName, imgFile){
   if(document.images)
    document.images[imgName].src=imgFile;
  }
  </script>

Und der Link schaut dann so aus:

Code:
<a class="menu" href="Kontakt.html" onmouseover="changeImage('img1','images/layout/But_Contact_hover.jpg')" onmouseout="changeImage('img1','images/layout/But_Contact.jpg')" target="middle"><img border="0" name="img1" src="images/layout/But_Contact.jpg"></a>
 
Ich mein das Fotoalbum in der Mitte. Also links und rechts die kleinen Bilder und wenn man drüberfährt wird das Bild groß in der Mitte angezeigt
 
Funktioniert im Grunde ganauso. Du machst halt deine kleinen Vorschaubilder und sagst in jedem Link, das img1 gechanged werden soll. img1 ist halt der name vom großen Bild in der Mitte.

Code:
<a href="#" onmouseover="changeImage('img1','images/layout/BildGroß1.jpg')" onmouseout="changeImage('img1','images/layout/Startbild.jpg')" target="middle"><img border="0" name="img1" src="images/layout/BildKlein1.jpg"></a>

usw.... Die Bilder musst du halt mit Tabellen untereinander oder wie auch immer anordnen. Wichtig ist, dass du bei der changeimage Funktion immer img1 angibts, also immer das gleich Zielbild geändert wird. Also egal über welches Bild du mit der Maus fährst, es wird immer das große Bild in der Mitte geändert.
 
Status
Nicht offen für weitere Antworten.
Zurück