hendrik: layer hin und her bewegen

mit der timeline aus dem dreamweaver will ich 'ne ebene von a nach b bewegen, wenn ein button mit der maus berührt wird - noch nicht das wirkliche problem. schwierig wird's, wenn man die maus wieder vom button nimmt, noch während sich die ebene bewegt, denn DANN will ich, dass sich die ebene von ihrem MOMENTANEN ort aus(auch wenn sie noch nicht am endgültigen ziel angekommen ist)wieder dahin zurückbewegt, wo sie war.

wie geht das? hat jemand 'ne beispiel-URL?
vielen dank.
hendrik.

  1. Hi,

    erstmal solltest du die Leute hier begrüßen. Sowas gehört zum guten Ton und macht einen guten
    Eindruck, man erscheint gleich viel höflicher und die Fragen werden viel wohlwollender beantwortet.

    mit der timeline aus dem dreamweaver will ich 'ne ebene von a nach b bewegen, wenn ein button mit
    der maus berührt wird - noch nicht das wirkliche problem.
    schwierig wird's, wenn man die maus wieder vom button nimmt, noch während sich die ebene
    bewegt, denn DANN will ich, dass sich die ebene von ihrem MOMENTANEN ort aus(auch wenn sie
    noch nicht am endgültigen ziel angekommen ist)wieder dahin zurückbewegt, wo sie war.

    Zuerst brauchst du eine Art "Switch"-Funktion:

    var tm = null;
    var akt = 0;
    var richt = -1;

    function switch()
    {
    window.clearTimeout(tm);
    richt = richt < 0 ? 1 : -1;

    beweg(richt);
    }

    Die Funktion tut nichts anderes, als die "Animation" zu unterbrechen, den Richtungs-Parameter zu
    ändern und die Animations-Fkt neu aufzurufen, mit dem neuen Parameter.
    Dann sollte die Animations-Funktion selber so angelegt sein:

    function beweg(richtung)
    {
    akt += richtung;

    if(!(bedingung fuer Animations-Ende))
      {
      // Code zum bewegen der Ebene

    window.setTimeout("beweg("+richtung+")",1);
      }
    }

    Der Aufruf sähe z. B. so aus:
    <a href="#" onclick="switch();">

    oder eben mit Aktivierung durch onmouseover:
    <a href="#" onmouseover="switch();" onmouseout="switch();">

    mfg
    CK1

    <img src="http://wwwtech.de/images/banner.jpg" alt="">
    http://wwwtech.de/
    http://wwwtech.de/moorhuhn/