OnMouseOver + OnClick
Marcel
- javascript
0 Detlef G.0 Dieter Raber0 marcel
0 marcel
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
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
Hallo,
Du hast Dir doch die Antwort schon selbst gegeben:
onMouseOver="Bildwechsel(0,Highlight0)"
onMouseOut="Bildwechsel(0,Normal0)"
onclick="naechste_function();"
Dieter
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>
Hat sich erledigt, funktioniert nun :)