Javascript Fehler

Robin · 11.06.2001, 17:49

Hi,

ich wollte ein menü basteln, wo sich die grafiken ändern, wenn man die Maus drüber bewegt.
Aber wahrscheinlich habe ich einen Fehler in dem Script.
Finde ihn aber nicht.
Schaut euch das bitte mal an. Danke

______________________________________________

html>

<head>

</head>
<script languange="JAVASCRIPT">
Home=new image ();
Home.src="home.jpg";
Home2=new image ();
Home2.src="home2.jpg";
Leistungen=new image ();
Leistungen.src="leistungen.jpg";
Leistungen2=new image ();
Leistungen2.src="leistungen2.jpg";
Firmenp=new image ();
Firmenp.src="Firmenp.jpg";
Firmenp2=new image ();
Firmenp2.src="firmenp2.jpg";
Mitarbeiter=new image ();
Mitarbeiter.src="mitarbeiter.jpg";
Mitarbeiter2=new image ();
Mitarbeiter2.src="mitarbeiter2.jpg";
Partner=new image ();
Partner.src="partner.jpg";
Partner2=new image ();
Partner2.src="partner2.jpg";
Zertifikate=new image ();
Zertifikate.src="zertifikate.jpg";
Zertifikate2=new image ();
Zertifikate2.src="Zertifikate2.jpg";
Anfahrt=new image ();
Anfahrt.src="anfahrt.jpg";
Anfahrt2=new image ();
Anfahrt2.src="anfahrt2.jpg";
Kontakt=new image ();
Kontakt.src="kontakt.jpg";
Kontakt2=new image ();
Kontakt2.src="kontakt2.jpg";
var a, Bild;
function tauschen (a, Bild)
{
window.document.images[a].src=Bild.src;
}
</script>
<body>
<a href="inhalt.htm" Target="hauptframe"onmouseover="tauschen (0, Home2)" onmouseout="tauschen (0, Home)">
<img src="images/home.jpg" >
</a>

</body>

</html>

______________________________________________

cu Robin

Lol@ · 11.06.2001, 19:00

...mach es lieber nach diesem Modell dann gehts bestimmt:

<html>
<head>
<title>A Simple MouseOver (Rollover) Script</title>

<SCRIPT LANGUAGE = "JavaScript">


</SCRIPT>

</head>
<body>

<a href="rollo.htm" OnMouseOut="roll.src=temp1.src" OnMouseOver="roll.src=temp2.src"> <img src="image1.gif" name="roll" height="50" width="50" border="0"></a><BR><BR>

<a href="rollo.htm" OnMouseOut="roll2.src=temp3.src" OnMouseOver="roll2.src=temp4.src"> <img src="image3.gif" name="roll2" height="50" width="50" border="0"></a>

</body>
</html>

was ich aber nicht verstehe - arbeitest Du nicht mit Dreamweaver ?! - wenn ja, warum nutzt Du seine funktionen nicht - damit erstellst Du das ganze in 15 min.

Robin · 11.06.2001, 21:11

Danke Lola,

bin ein großer Freund von Frontpage 2000.
Werd mir aber mal Dreamwaver anschauen.
Hab leider noch nicht so viel Ahnung von Javascript.
Das script hatte ich aus einem Buch übernommen.

Stuck Mojo · 12.06.2001, 01:35

Bin mir nicht sicher...aber kann es sein, das es funzt, wenn du die Variablen die Du an die Funktion übergibts in ' setzt??

so: tauschen ('0', 'Home2')"

und die Funktion wie folgt änderst:

window.document.images[a].src=eval(Bild + ".src");

ist mir so aufgefallen...probier mal...

Gruß Jan

otti · 12.06.2001, 01:37

@lola:

das script im head-bereich, macht das, dass die rollover bilder SOFORT erscheinen, auch wenn die seite noch gar nicht fertiggeladen hat?
das wollt ich nämlich immer schon haben...