Supportnet / Forum / Skripte(PHP,ASP,Perl...)
Suche Javascript-Code
Frage
Hey,
suche einen Javascript-code der Folgendes können sollte:
Beim laden einer Seite erscheint (egal wo) ein Bild. Wenn man mit der Maus auf das Bild geht (OHNE anzuklicken) soll das Bild verschwinden und ein anderes Bild dafür erscheinen. Geht man mit der Maus wieder von dem Bild herunter soll das Anfangsbild (also das 1. Bild) wieder erscheinen.
Für eine Lösung wäre ich euch super Dankbar!
Gruß
Fredi
Ach ja gibt es irgendwo im Netz ne Seite wo verschiedene Javascriptcodes und deren Sinn bzw deren Auswirkung gezeigt werden. Also so ne Art Datenbank?
Antwort 1 von drago
Wie wärs mit einer einfachen "Mouse-over" Anweisung ???
..
..
Antwort 2 von rfb
<html>
<head>
<title>Bilderwechsel</title>
<script type="text/javascript">
<!--
bild1 = new Image();
bild1.src = "bild1.gif";
bild2 = new Image();
bild2.src = "bild2.gif";
//-->
</script>
</head>
<body>
<img src="bild1.gif" width="130" height="30" name="bilderwechsel">
<script type="text/javascript">
<!--
document.images["bilderwechsel"].onmouseover = new Function(´document.images["bilderwechsel"].src=bild2.src´);
document.images["bilderwechsel"].onmouseout = new Function(´document.images["bilderwechsel"].src=bild1.src´);
//-->
</script>
</body>
</html>das document .images.. src.´); gehört jeweils in eine Zeile.
Viel zu JavaScript findest du bei SelfHTML
Antwort 3 von rfb
stelle gerade fest, dass die von mir beschriebene Lösung noch aus der Zeit von Netscape 4 stammt, die neuren Browser kommen ohne die unteren JavaScript-zeilen aus mit
Liegt daran, dass ich derartiges seit geraumer Zeit mit CSS mache, was aber der IE (wer sonst ;-) nicht so gut unterstützt.
<img src="bild1.gif" width="130" height="30" onmouseover="this.src=bild2.src" onmouseout="this.src=bild1.src">Liegt daran, dass ich derartiges seit geraumer Zeit mit CSS mache, was aber der IE (wer sonst ;-) nicht so gut unterstützt.