Marcel: OnMouseOver + OnClick

Hallihallo, vielleicht kann mir hier jemand nen kleinen Tip geben...
Ich möchte OnMouseOver und OnCick gleichzeitig einfügen. Zur Zeit sieht das Script so aus:

Normal0 = new Image();
Normal0.src = "home1.jpg";
Highlight0 = new Image();
Highlight0.src = "home2.jpg";

Normal1 = new Image();
Normal1.src = "news1.jpg";
Highlight1 = new Image();
Highlight1.src = "news2.jpg";

function Bildwechsel(Bildnr,Bildobjekt) {
 window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>
</head>
<body bgcolor="#000000" text="#C6C3C6">
<p align=center>
<a href="home.html" target="anzeige"
   onMouseOver="Bildwechsel(0,Highlight0)"
   onMouseOut="Bildwechsel(0,Normal0)"><img src="home1.jpg"
   width="130" height="28" border="0" alt="Home"></a>
<br>
<a href="news.html" target="anzeige"
   onMouseOver="Bildwechsel(1,Highlight1)"
   onMouseOut="Bildwechsel(1,Normal1)"><img src="news1.jpg"
   width="130" height="28" border="0" alt="News"></a>
</p>
</body>
</html>

Und hier würc ich gern noch 'nen OnClick einfügen, also das ein 3. Bild erscheint wenn die Maus gedrückt wird...

Für Tips währ ich sehr dankbar :)

tschüss, Marcel

  1. Hallo Marcel

    Und hier würc ich gern noch 'nen OnClick einfügen, also das ein 3. Bild erscheint wenn die Maus gedrückt wird...

    Dann tue dies doch einfach!
    Jeweils eine dritte Grafik z.B. KlickX, genau wie NormalX und HighlightX, und
    in die Verweise ein onClick="Bildwechsel(X,KlickX)"

    MFG
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!
  2. Hallo,

    Du hast Dir doch die Antwort schon selbst gegeben:

    onMouseOver="Bildwechsel(0,Highlight0)"
       onMouseOut="Bildwechsel(0,Normal0)"

    onclick="naechste_function();"

    Dieter

    1. Jo hab ich schon probiert, hab nur nicht wirklich viel Ahnung von Javascript und HTML, bastel mir alles aus SelfHTML zusammen und bieg mir das zurecht wie ichs brauch, aber das hier funktioniert nicht. Vieleicht könnt ihr mir sagen was ich ändern muss damit es klappt. :)

      <script type="text/javascript">
      <!--
      Normal0 = new Image();
      Normal0.src = "home1.jpg";
      Highlight0 = new Image();
      Highlight0.src = "home2.jpg";
      Click0 = new Image();
      Click0.src = "home3.jpg";

      Normal1 = new Image();
      Normal1.src = "news1.jpg";
      Highlight1 = new Image();
      Highlight1.src = "news2.jpg";
      Click1 = new Image();
      Click1.src = "news3.jpg";

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

      <body bgcolor="#000000" text="#C6C3C6">
      <br><br><br>
      <p align=center>
      <a href="home.html" target="anzeige"
         onMouseOver="Bildwechsel(0,Highlight0)"
         onClick="Bildwechsel(0,Click0)"
         onMouseOut="Bildwechsel(0,Normal0)"><img src="home1.jpg"
         width="130" height="28" border="0" alt="Home"></a>
      <br>
      <a href="news.html" target="anzeige"
         onMouseOver="Bildwechsel(1,Highlight1)"
          onClick="Bildwechsel(1,Click1)"
         onMouseOut="Bildwechsel(1,Normal1)"><img src="news1.jpg"
         width="130" height="28" border="0" alt="News"></a>

  3. Hat sich erledigt, funktioniert nun :)