nicht angemeldet
Hallo,
ich habe da ein, wie ich hoffe kleineres Problem.
Endlich habe ich es geschafft einen Rollbalken bestehend aus zwei Bildern mit Verlinkung durch eine Image-Map zu programmieren.
Sobald man mit dem Mauszeiger auf ein Bild fährt, bleibt das Bild stehen und der Link kann angeklickt werden. Starte meine Funktion also einmal beim Laden und dann, nach dem Stillstand nocheinmal bei
MouseOut. Leider gibt das anscheinend einen Konflikt, wenn sich die
Maus beim Laden der Seite dummerweise über dem Bild befindet. Gibt es irgendeine Möglichkeit, das Starten der Funktion zu verhindern,
wenn sich der Mauszeiger schon über dem Bild befindet?
Anbei der Quelltext:
<script language="JavaScript">
<!--
var positionx= 0;
var positionx1= -800;
function bewege() {
if (navigator.appName == "Netscape") {
document.layers["Band"].left = positionx;
document.layers["Band2"].left = positionx1;
if (positionx > 800) positionx= 0 ;
if (positionx1 > 0) positionx1= -800 ;
positionx = positionx + 3;
positionx1 = positionx1 + 3;
} else {
document.all["Band"].style.pixelLeft = positionx;
document.all["Band2"].style.pixelLeft = positionx1;
if (positionx > 800) positionx= 0 ;
if (positionx1 > 0) positionx1= -800 ;
positionx = positionx + 3;
positionx1 = positionx1 + 3;
}
meinTimer = setTimeout("bewege()", 30);
}
// -->
</script>
<style type="text/css"><!--
#band { position: absolute; top: 34px; left: 0px; visibility: visible }
#band2 { position: absolute; top: 34px; left: -795px; visibility: visible }
#maske { position: absolute; top: 34px; left: 750px; visibility: visible }-->
</style>
</head>
<body style="background-image:url(Bilder/bgMain.jpg);background-repeat:no-repeat;" SCROLL="NO" bgcolor="#001531" onload="bewege()">
<div id="Band">
<img src="Bilder/band_d.jpg" border="0" usemap="#Scroller"><map name="Scroller"><area shape="rect" coords="0,0,200,80" href="IT-Service/frameset.htm" onmouseover="clearTimeout(meinTimer)" onmouseout="bewege()"><area shape="rect" coords="200,0,400,80" href="Webpublishing/frameset.htm" onmouseover="clearTimeout(meinTimer);" onmouseout="bewege()"><area shape="rect" coords="400,0,600,80" href="Kontakt/frameset.htm" onmouseover="clearTimeout(meinTimer);" onmouseout="bewege()"><area shape="rect" coords="600,0,800,80" href="Sitemap/frameset.htm" onmouseover="clearTimeout(meinTimer);" onmouseout="bewege()"></map></a></div>
<div id="Band2">
<img src="Bilder/band_d.jpg" border="0" usemap="#Scroller"></div>
</body>
</html>
Vielen Dank für Eure Hilfe.
Hätte wohl am Wochenende auf dem Oktoberfest nicht soviel trinken solen. Mit meinem Kater komme ich heute anscheinend bei solchen
Problemen nicht besonders weit ;-)