Emanuel: Scroller mit zwei Bildern bei mouseover stoppen

SELF-Forum

Scroller mit zwei Bildern bei mouseover stoppen

Emanuel
– Informationen zu den Bewertungsregeln

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 ;-)

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Scroller mit zwei Bildern bei mouseover stoppen

    Christian Ludwig
    – Informationen zu den Bewertungsregeln

    Hallo Massstemmer ;-)

    Anbei der Quelltext:

    function bewege() {

    SET NieMehrTrinken = '1';

    if (navigator.appName == "Netscape") {
    document.layers["Band"].left = positionx;
    document.layers["Band2"].left = positionx1;

    .
    .
    .

    }

    funktion KarussellAnhalten() {
    if (NieMehrTrinken) then clearTimeout(meinTimer);
    }

    // -->

    </script>

    .
    .
    .

    <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="KarussellAnhalten()" onmouseout="bewege()">

    .
    .
    .

    Das sollte hoffentlich funktoinieren, wenn ich mich nicht vertippt habe.

    Funkt so, dass eine Variable 'NieMehrTrinken' erst dann gesetzt wird, wenn das Skript 'bewegen' gestartet wurde. und somit die Funktion 'clearTimeout(meinTimer)' auch erst dann ausgeführt wird, wenn die Variable 'NieMehrTrinken' existiert.

    Ciao
    und vielleicht treffen wir uns auf der Wiesn.

    Christian

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Scroller mit zwei Bildern bei mouseover stoppen

      Emanuel
      – Informationen zu den Bewertungsregeln

      ...das ich da nicht selber draufgekommen bin!
      (ans Hirn lang!)
      vielen Dank für Deine Hilfe. Hab auch noch einen Tip für Dich:
      Geh lieber nicht ins Augustiner-Zelt - das Bier dort schmeckt einfach zu gut!

      Danke nochmal!

      Servus!

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Oktoberfest JavaScript-Aussetzer ;-)

        Christian Ludwig
        – Informationen zu den Bewertungsregeln

        Geh lieber nicht ins Augustiner-Zelt - das Bier dort schmeckt einfach zu gut!

        Seh ich auch so;
        aber wer kann dazu schon NEIN sagen.

        Ciao

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. Scroller mit zwei Bildern bei mouseover stoppen

    André Laugks
    – Informationen zu den Bewertungsregeln

    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

    Schaue mal unter http://www.broadviewtv.de >> grosse europäer

    Funktionen ekstart(); ekstop(); ekslide();

    Nimm einfach mal den Quellentext auseinander!

    mfg, André Laugks

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln