Sie sind vermutlich noch nicht im Forum angemeldet - Klicken Sie hier um sich kostenlos anzumelden  
Sie können sich hier anmelden
Dieses Thema hat 0 Antworten
und wurde 197 mal aufgerufen
 HTML
webmaster Offline



Beiträge: 18

30.12.2005 20:14
Bildwechsel bei Mouseover Antworten
Sie möchten, dass bei Mouseover (draufzeigen mit der Maus) zwei Bilder wechseln?
Die funktioniert wie folgt:

1. Klicken Sie mit der RECHTEN Maustaste im Arbeitsplatz auf die HTML-Datei Ihrer Internetseite.
Wählen Sie "Öffnen mit..." und "Editor" aus.

2. An einer beliebigen Stelle zwischen den Befehlen: <head> und </head> folgendes eingeben:

<script language="Javascript">
<!--
erstes = new Image();
erstes.src = "bild1.jpg";
zweites = new Image();
zweites.src = "bild2.jpg";
function tauschen(b1, b2)
{
document.images[b1].src = eval(b2 + ".src")
}
//-->
</script>

3. An einer beliebigen Stelle zwischen den Befehlen: <body> und </body> folgendes eingeben:


<img src="bild1.jpg" name="bild"
onMouseOver="tauschen('bild', 'zweites');"
onMouseOut="tauschen('bild', 'erstes');">

3. Datei speichern!

Wichtig: die Bilder müssen den Dateinamen bild1.jpg und bild2.jpg haben und im
gleichen Verzeichnis (Odner) wie die HTML-Seite liegen.

 Sprung  
Xobor Erstelle ein eigenes Forum mit Xobor
Datenschutz