Zeitschleife

html.de-Forum JavaScript
1

Hallo,

ich möchte dass sich die Transparenz eines Bildes langsam ändert.
Der Aufruf von showInfo erfolgt mit onmouseover
Bei mouseout geht das Bild wieder weg.
Habe folgenden Code.

<script>
    var op=0.0;

    function showInfo() {
        var div = document.getElementById('divInfo');
        if (op<1) {
        op=op+.05;
        div.style.opacity = op;
        setTimeout('showInfo()', 1);

        }

    }

    function hideInfo() {
        var div = document.getElementById('divInfo');
        if (op>0) {
        op=op-.06;
        div.style.opacity = op;
        setTimeout('hideInfo()', 1);

        }
    }

</script>

Mein Problem ist nun, dass bei zu schneller Änderung von Mouesover auf Mouseout die vorherige Routine erst mal weiter läuft und gestoppt werden müsste.

2
  1. Was ist zeit()?
  2. Was meinst du mit

?

3

[QUOTE=Arcsinh]

  1. Was meinst du mit

[QUOTE=magifix]

aber ich muss immer wieder mit onmouseover starten.

[/QUOTE]

[/QUOTE]

wenn ich ihn richtig verstanden habe ändert sich die transparenz immer nur um 0.1, und showInfo() muss dann neu aufgerufen werden.

4

Es scheint, als ob du kein weiches Ein - und Ausblenden haben willst, da kannst du gleich die visibility verändern.

5

Ja ich möchte ein weiches Ein- und Ausblenden
Visibilty ändert sich doch abrupt, oder täusche ich mich da?

6

Nein, du täuschst dich nicht, aber bei deinem Beispiel ist das Ein- und Ausblenden auch nicht unbedingt weich, von daher meine Frage.