Hallo zusammen,
ich habe hier ein kleines Problem, das bestimmt ganz einfach zu lösen ist - wenn man sich mit javascript auskennt.
Mit dem unten angeführten Script möchte ich Rolloverbuttons erstellen. Weiß aber leider nicht, wie ich das Script verändern muss, um noch zusätzliche Buttons mit diesem Rollover-Effekt auszustatten. Wer kann weiterhelfen?
Und läuft dieses Script dann auf jedem Browser gleich?
-----------------------------------------------------------
<script language="JavaScript">
Normal1 = new Image(); Normal1.src = "../button1.gif";
MouseOver1 = new Image(); MouseOver1.src = "../button2.gif";
OnClick1 = new Image(); OnClick1.src="../button3.gif";
function Bildwechsel(Bildnr,Bildobjekt)
{
window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>
</head>
<body>
<a href="xy.htm" onMouseOver="Bildwechsel(0,MouseOver1)"
onMouseOut="Bildwechsel(0,Normal1)" onMouseDown="Bildwechsel(0,OnClick1)">
<img src="../button1.gif" border="0" alt="home"></a>
</body>
--------------------------------------------------------
Und noch ´ne Frage:
Erstelle ich mit Dreamweaver Rollovers wird der Cursor beim drüberfahren in Opera (wenn ich direkt von einem Rollover zum anderen fahre) nicht zur Hand. Bei zwischenzeitlichen Wechsel auf einen Nicht Rollover-Bereich, funktioniert es. Ist das etwas Opera-Spezifisches.
Die Rolloverbuttons liegen direkt nebeneinander.
In Firefox + Explorer alles kein Problem.
Vielen Dank im voraus.