Hallo,
ich bin zwar noch ein Anfänger in Sachen html, aber nicht sonderlich dumm und trotzdem kriege ich folgendes Problem nicht gelöst!
Ich möchte für unsere Hompage Dynamische grafische Buttons verwenden, so wie hier in SELFHTML beschrieben. Leider funktioniert der Bildwechsel bei mir aber nicht. Die ersten, ich sage mal wie hier im Beispiel beschrieben, "Normal Buttons" sind vorhanden, aber beim Darüberfahren mit der Mouse erscheinen die "Highlight Buttons" nicht und es wird auch nicht wieder auf die "Normal Buttons" gewechselt. Das Beispiel in SELFHTML funktioniert tadelos, aber selbst wenn ich den Quelltext davon kopiere und nur die Quelle src=... ändere, (was ich ja tun muss) erscheinen einfach die "Highlight Buttons" nicht. Bis auf den Quellordner habe ich nichts verändert und den muss ich doch ändern / angeben! Ich kann mir das nicht erklären, im Forum habe ich keinen Beitrag zu meinem Problem gefunden, kann mir mal bitte jemand helfen, ich benutze Windows XP, Intenet Explorer Version 6.0.!?
Danke
Nachfolgend den von mir kopierten und veränderten Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Dynamische grafische Buttons</title>
<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "C:\Dokumente und Einstellungen\Bieke & Matthias\Desktop\Homepage\Bilder\button1.gif"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "C:\Dokumente und Einstellungen\Bieke & Matthias\Desktop\Homepage\Bilder\button1h.gif"; /* erste Highlight-Grafik */
Normal2 = new Image();
Normal2.src = "C:\Dokumente und Einstellungen\Bieke & Matthias\Desktop\Homepage\Bilder\button2.gif"; /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "C:\Dokumente und Einstellungen\Bieke & Matthias\Desktop\Homepage\Bilder\button2h.gif"; /* zweite Highlight-Grafik */
Normal3 = new Image();
Normal3.src = "C:\Dokumente und Einstellungen\Bieke & Matthias\Desktop\Homepage\Bilder\button3.gif"; /* dritte Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "C:\Dokumente und Einstellungen\Bieke & Matthias\Desktop\Homepage\Bilder\button3h.gif"; /* dritte Highlight-Grafik */
/* usw. fuer alle weiteren zu benutzenden Grafiken */
function Bildwechsel(Bildnr,Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>
<style type="text/css">
<!--
h1 { color:#6363A5; font-family:Arial,sans-serif; }
p { color:#000000; font-family:Arial,sans-serif; }
-->
</style>
</head>
<body bgcolor="#FFFFC0" background="buttonsback.gif" text="#000000">
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top">
<a href="../../../index.htm"
onMouseOver="Bildwechsel(0,Highlight1)"
onMouseOut="Bildwechsel(0,Normal1)"><img src="C:\Dokumente und Einstellungen\Bieke & Matthias\Desktop\Homepage\Bilder\button1.gif" width="130" height="30" border="0" alt="Home"></a><br>
<a href="../../../helferlein/index.htm"
onMouseOver="Bildwechsel(1,Highlight2)"
onMouseOut="Bildwechsel(1,Normal2)"><img src="C:\Dokumente und Einstellungen\Bieke & Matthias\Desktop\Homepage\Bilder\button2.gif" width="130" height="30" border="0" alt="Helferlein"></a><br>
<a href="../../../layouts/index.htm"
onMouseOver="Bildwechsel(2,Highlight3)"
onMouseOut="Bildwechsel(2,Normal3)"><img src="C:\Dokumente und Einstellungen\Bieke & Matthias\Desktop\Homepage\Bilder\button3.gif" width="130" height="30" border="0" alt="Layouts"></a><br>
</td><td> </td>
<td valign="top">
<h1>Dynamische grafische Buttons</h1>
<p><b>Fahren Sie mit der Maus über die Buttons. Sie dürfen auch draufdrücken ;-)</b></p>
</td>
</tr>
</table>
</body>
</html>