nicht angemeldet
Hallo,
ich wollte mit folgendem Code, dass bei mouseover sich das Bild ändert, so dass man praktisch einen Button hat. Leider erscheint dann das Bild im Div darüber, wo ich eine Grafik eingefügt habe. Wie bekomme ich es hin, dass das Bild2 dort erscheint, wo Bild1 ist, also sprich ein richtiger Bildwechsel passiert?
Hier der Code:
// JavaScript Document
Normal1 = new Image();
Normal1.src = "test/home_button.bmp"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "test/home_button_blau.bmp"; /* erste Highlight-Grafik */
Normal2 = new Image();
Normal2.src = "test/urlaub_button.bmp"; /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "test/urlaub_button_blau.bmp"; /* zweite Highlight-Grafik */
Normal3 = new Image();
Normal3.src = "test/arbeit_button.bmp"; /* dritte Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "test/arbeit_button_blau.bmp"; /* dritte Highlight-Grafik */
Normal4 = new Image();
Normal4.src = "test/impressum_button.bmp"; /* dritte Standard-Grafik */
Highlight4 = new Image();
Highlight4.src = "test/impressum_button_blau.bmp"; /* dritte Highlight-Grafik */
function Bildwechsel (Bildnr, Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
und hier der zugehörige html-Code:
...
<body>
<div id="kopf">
<img src="Bilder/bild165.jpg" align="left" width="120" height="90">
<font color="#4C334C">
<script type="text/javascript" align="center">
var Jetzt = new Date();
var Tag = Jetzt.getDate();
var Monat = Jetzt.getMonth() + 1;
var Jahr = Jetzt.getYear();
var Stunden = Jetzt.getHours();
var Minuten = Jetzt.getMinutes();
var NachVoll = ((Minuten < 10) ? ":0" : ":");
if (Jahr < 2000)
Jahr = Jahr + 1900;
document.write(Tag + "." + Monat + "." + Jahr + " -- " + Stunden + NachVoll + Minuten + " Uhr" );
</script>
</font>
</div>
<div id="menue">
<a href="startseite.html" target="Startseite"
onmouseover="Bildwechsel(0, Highlight1)"
onmouseout="Bildwechsel(0, Normal1)"> <img src="test/home_button.bmp" border="0"></a>
</div> ...
Das Bild2 erscheint dann bei mouseover da, wo im kopf-div die grafik ist. und wenn ich dann im menue-div mouseover mache, wechselt das bild aber eben im div darüber. warum?
Besten dank für Hilfestellungen!
LG Papillona