Stefan: MouseOver Anfang/Ende

SELF-Forum

MouseOver Anfang/Ende

Stefan
– Informationen zu den Bewertungsregeln

Hallo,
ich habe von dieser Seite hier das Scipt, um Buttons zu animieren,
wenn man mit der Mouse drüber geht. Das klappt auch nun ganz gut
und ich habe ein Menü mit 11 Buttons erstellt.
Jetzt will ich aber ÜBER diesen Buttons, also ÜBER dem Javascript
ein normales Bild ohne Animation einfügen.
Das bekomme ich aber nicht hin, weil er dieses Bild immer mit ins Java zieht und dann alles durcheinander wirft.
Wer kann helfen ?

Gruß
Stefan

Hier ein Auszug der Tag, in dem ich das Bild einfügen möchte.

<html>
<HTML><HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<META HTTP-EQUIV="Pragma" content="cache">
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW">
<META HTTP-EQUIV="Content-Language" CONTENT="de">
<META NAME="description" CONTENT="Motorrad, Touren, Stammtisch und mehr. Motorradstammtisch aus Hamburg.">
<META NAME="keywords" CONTENT="Motorrad,Bike,Touren,Tourer,Hamburg,Stammtisch,Motorradstammtisch,Bikerin,Biker,Hansestadt,Bikerstammtisch,">
<META NAME="author" CONTENT="Stefan Friedrich">
<META NAME="publisher" CONTENT="Stefan Friedrich www.Hamburg-Biker.de">
<META NAME="copyright" CONTENT="© Hamburg-Biker">
<META NAME="audience" CONTENT="Alle">
<META NAME="page-type" CONTENT="Hobby">
<META NAME="page-topic" CONTENT="Gesellschaft ">
<META HTTP-EQUIV="Reply-to" CONTENT="Webmaster@Hamburg-Biker.de">
<META NAME="creation_Date" CONTENT="02/03/2004">
<META NAME="expires" CONTENT="">
<META NAME="revisit-after" CONTENT="7 days">
<TITLE>Motorrad,Touren und mehr.  Die Hamburg-Biker. Der etwas andere Motorradstammtisch. </TITLE>
<base target="Hauptframe">
</HEAD>

<body bgcolor="#F1DDA9" text="#000080" vlink="#000080" alink="#800080" link="#000080">

<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "http://www.hamburg-biker.de/images/Buttons/ButtonHome_01.gif";
Highlight1 = new Image();
Highlight1.src = "http://www.hamburg-biker.de/images/Buttons/ButtonHome_01-over.gif";

Normal2 = new Image();
Normal2.src = "http://www.hamburg-biker.de/images/Buttons/ButtonVorwort_01.gif";
Highlight2 = new Image();
Highlight2.src = "http://www.hamburg-biker.de/images/Buttons/ButtonVorwort_01-over.gif";

Normal3 = new Image();
Normal3.src = "http://www.hamburg-biker.de/images/Buttons/ButtonGesichter_01.gif";
Highlight3 = new Image();
Highlight3.src = "http://www.hamburg-biker.de/images/Buttons/ButtonGesichter_01-over.gif";

Normal4 = new Image();
Normal4.src = "http://www.hamburg-biker.de/images/Buttons/ButtonTouren_01.gif";
Highlight4 = new Image();
Highlight4.src = "http://www.hamburg-biker.de/images/Buttons/ButtonTouren_01-over.gif";

Normal5 = new Image();
Normal5.src = "http://www.hamburg-biker.de/images/Buttons/ButtonWinter-Event_01.gif";
Highlight5 = new Image();
Highlight5.src = "http://www.hamburg-biker.de/images/Buttons/ButtonWinter-Event_01-over.gif";

Normal6 = new Image();
Normal6.src = "http://www.hamburg-biker.de/images/Buttons/ButtonTermine_01.gif";
Highlight6 = new Image();
Highlight6.src = "http://www.hamburg-biker.de/images/Buttons/ButtonTermine_01-over.gif";

Normal7 = new Image();
Normal7.src = "http://www.hamburg-biker.de/images/Buttons/ButtonLinks_01.gif";
Highlight7 = new Image();
Highlight7.src = "http://www.hamburg-biker.de/images/Buttons/ButtonLinks_01-over.gif";

Normal8 = new Image();
Normal8.src = "http://www.hamburg-biker.de/images/Buttons/ButtonForum_01.gif";
Highlight8 = new Image();
Highlight8.src = "http://www.hamburg-biker.de/images/Buttons/ButtonForum_01-over.gif";

Normal9 = new Image();
Normal9.src = "http://www.hamburg-biker.de/images/Buttons/ButtonGaestebuch_01.gif";
Highlight9 = new Image();
Highlight9.src = "http://www.hamburg-biker.de/images/Buttons/ButtonGaestebuch_01-over.gif";

Normal10 = new Image();
Normal10.src = "http://www.hamburg-biker.de/images/Buttons/ButtonMembers_01.gif";
Highlight10 = new Image();
Highlight10.src = "http://www.hamburg-biker.de/images/Buttons/ButtonMembers_01-over.gif";

Normal11 = new Image();
Normal11.src = "http://www.hamburg-biker.de/images/Buttons/ButtonImpressum_01.gif";
Highlight11 = new Image();
Highlight11.src = "http://www.hamburg-biker.de/images/Buttons/ButtonImpressum_01-over.gif";

function Bildwechsel(Bildnr,Bildobjekt) {
 window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>
<style type="text/css">

-->
</style>
</head>

<table border="0" cellpadding="0" cellspacing="0" width="154"><tr>
<td valign="top" width="154">

<a target="_parent" href="http://www.hamburg-biker.de/"
   onMouseOver="Bildwechsel(0,Highlight1)"
   onMouseOut="Bildwechsel(0,Normal1)"><img src="http://www.hamburg-biker.de/images/Buttons/ButtonHome_01.gif"
   width="150" height="25" border="0" alt="Startseite"></a><br>
<a href="http://www.hamburg-biker.de/Vorwort.htm"
   onMouseOver="Bildwechsel(1,Highlight2)"
   onMouseOut="Bildwechsel(1,Normal2)"><img src="http://www.hamburg-biker.de/images/Buttons/ButtonVorwort_01.gif"
   width="150" height="25" border="0" alt="Vorwort"></a><br>
<a href="http://www.hamburg-biker.de/Wir.htm"
   onMouseOver="Bildwechsel(2,Highlight3)"
   onMouseOut="Bildwechsel(2,Normal3)"><img src="http://www.hamburg-biker.de/images/Buttons/ButtonGesichter_01.gif"
   width="150" height="25" border="0" alt="Wir"></a><br>
<a href="http://www.hamburg-biker.de/Touren.htm"
   onMouseOver="Bildwechsel(3,Highlight4)"
   onMouseOut="Bildwechsel(3,Normal4)"><img src="http://www.hamburg-biker.de/images/Buttons/ButtonTouren_01.gif"
   width="150" height="25" border="0" alt="Touren"></a><br>
<a href="http://www.hamburg-biker.de/Winter-Event.htm"
   onMouseOver="Bildwechsel(4,Highlight5)"
   onMouseOut="Bildwechsel(4,Normal5)"><img src="http://www.hamburg-biker.de/images/Buttons/ButtonWinter-Event_01.gif"
   width="150" height="25" border="0" alt="Winter-Event"></a><br>
<a href="http://www.hamburg-biker.de/Termine.htm"
   onMouseOver="Bildwechsel(5,Highlight6)"
   onMouseOut="Bildwechsel(5,Normal6)"><img src="http://www.hamburg-biker.de/images/Buttons/ButtonTermine_01.gif"
   width="150" height="25" border="0" alt="Termine"></a><br>
<a href="http://www.hamburg-biker.de/Links.htm"
   onMouseOver="Bildwechsel(6,Highlight7)"
   onMouseOut="Bildwechsel(6,Normal7)"><img src="http://www.hamburg-biker.de/images/Buttons/ButtonLinks_01.gif"
   width="150" height="25" border="0" alt="Links"></a><br>
<a href="http://f27.parsimony.net/forum66656/"
   onMouseOver="Bildwechsel(7,Highlight8)"
   onMouseOut="Bildwechsel(7,Normal8)"><img src="http://www.hamburg-biker.de/images/Buttons/ButtonForum_01.gif"
   width="150" height="25" border="0" alt="Forum"></a><br>
<a href="http://www.hamburg-biker.de/gaestebuch/index.php"
   onMouseOver="Bildwechsel(8,Highlight9)"
   onMouseOut="Bildwechsel(8,Normal9)"><img src="http://www.hamburg-biker.de/images/Buttons/ButtonGaestebuch_01.gif"
   width="150" height="25" border="0" alt="Gaestebuch"></a><br>
<a href="http://www.hamburg-biker.de/Members/Members.htm"
   onMouseOver="Bildwechsel(9,Highlight10)"
   onMouseOut="Bildwechsel(9,Normal10)"><img src="http://www.hamburg-biker.de/images/Buttons/ButtonMembers_01.gif"
   width="150" height="25" border="0" alt="Members"></a><br>
<a href="http://www.hamburg-biker.de/Impressum.htm"
   onMouseOver="Bildwechsel(10,Highlight11)"
   onMouseOut="Bildwechsel(10,Normal11)"><img src="http://www.hamburg-biker.de/images/Buttons/ButtonImpressum_01.gif"
   width="150" height="25" border="0" alt="Impressum"></a><br>
</td>
</tr>
</table>

<p>       
<img border="0" src="images/AniFlaggeHamburg.gif" width="75" height="50"></p>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. MouseOver Anfang/Ende

    sschumann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    onMouseOver="Bildwechsel(0,Highlight1)"

    Ist wie mit der Zündreihenfolge. Kommt ein Zylinder vorne dran, ist der ehemals erste plötzlich der zweite. Und jetzt schätz' mal, welchen Index das Bild mit dem ehemaligen Index 0 hat, wenn Du eins davor schreibst...

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. MouseOver Anfang/Ende

      Stefan
      – Informationen zu den Bewertungsregeln

      Sorry, ich bin zu blöd.
      Was soll ich machen ???

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. MouseOver Anfang/Ende

        wahsaga Homepage des Autors
        – Informationen zu den Bewertungsregeln

        hi,

        Sorry, ich bin zu blöd.
        Was soll ich machen ???

        zählen lernen.

        in der erklärung zum script steht doch explizit drin
        "Zählen Sie dazu die referenzierten Grafikdateien in der HTML-Datei, aber fangen Sie bei 0 an zu zählen, d.h. 0 für die erste Grafik in der Datei, 1 für die zweite Grafik usw."

        wenn du es jetzt immer noch nicht kapiert hast, hole bitte deine fehlende grundschulbildung schleunigst nach.

        gruss,
        wahsaga

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. MouseOver Anfang/Ende

          Wahrsager
          – Informationen zu den Bewertungsregeln

          wahsaga, du bist einfach ein arschloch und ein kotzbrocken !

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

      2. MouseOver Anfang/Ende

        peter
        – Informationen zu den Bewertungsregeln

        Hi

        Was soll ich machen ???

        als Notlösung kannste ja erstma die Funktion ein wenig abändern:

        function Bildwechsel(Bildnr,Bildobjekt) {
         window.document.images[Bildnr+1].src = Bildobjekt.src;
        }

        wenn du mehr Bilder drüber einfügst mußte die entsprechende Anzahl zu deiner Bildnr dazuzählen, damit er das richtige Bild findet.
        Denke, wenn du jetzt mal drüber nachdenkst und dir das in selfhtml nochmal durchliest wirst du schon dahinterkommen, warum.

        gruß
        ptr

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. MouseOver Anfang/Ende

    Hartmut Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Was Nützliches.
    Kuck Dir mal den Quelltext bei www.wschwartz.de an.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln