Hallo Wolfgang,
ich habe im Moment leider nur eine Zwischenmeldung für dich.
Bis jetzt habe ich es noch nicht zum Laufen bekommen, damit es wie gewünscht funktioniert.
Ich werde aber natürlich noch ein wenig weiterprobieren, muss nebenher aber noch andere Projekte weiterführen.
Wie genau es einmal funktioniert hat, ist unbekannt, oder?
Ob es immer in die gleiche Richtung fliegt oder am Rand abprallt, oder, oder, oder...
Es scheint auch ein schon etwas älteres Skript zu sein oder womöglich eines, von einer der "kostenlosen Javascripts"-Seiten.

Hallo Wolfgang,
ich habe dir hier im Anhang eine Alternative zu dem Skript bereitgestellt.
Es ist einfach komplett neu entwickelt, um weitere Analysen und Bugfixes im alten Skript zu vermeiden.

Oben kannst du ein paar Variablen anpassen.
Bedenke aber, dass die manuelle Startposition ggf. in der Init-Methode wieder überschrieben wird, damit das Bild von außerhalb ins die Anzeige reinfliegt.
Kommentiere betreffenden Teil in der Init also einfach aus, falls du die Startposition manuell festlegen möchtest.

Ich habe es jetzt mal im Firefox und IE getestet.
Da die Datei größtenteils im Zug entstanden ist, hoffe ich, dass trotzdem keine größeren Fehler mehr enthalten sind.

Viel Spaß!

Hallo Wolfgang,
nicht schlecht, soweit ich das gesehen habe, sind dir keine Fehler unterlaufen.
Ich habe das Skript auf deiner Basis jetzt auch nochmals überarbeitet, u.a. um die von dir angemerkte Verhaltensweise zu ändern.
Hier jetzt auch mal die wichtigsten Änderungen im Überblick.


Ich habe jetzt doch noch eine Lösung für das Verschwinden des Bildes beim Skalieren des Fensters gefunden.
Bei extrem großen Fenstern, welche dann sehr klein skaliert werden, dauert es u.U. ein wenig, bis das Bild wieder reinschwirrt, aber früher oder später wird es wieder vorbeischauen.
Das ist eigentlich auch gut so, da es seine Flugposition dann korrekt weiterberrechnet, falls man während dem Skalieren das Fenster verkleinert und gleich wieder vergößert.
Es wäre etwas komisch, wenn es sich sofort beim Verkleinern an den Rand "beamen" würde, beim sofortigen Vergrößern könnten da rießige Sprünge im Gegensatz zur vorigen Position auftreten.

Die Startposition kann übrigens auch wie bisher manuell festgelegt werden.
Dazu sollte aber die neue Variable autoStartPosition auf false gestellt werden, bei true würde nämlich wieder automatisch die Startposition auf außerhalb der Ecke oben links berechnet werden.
Auch hier greift der Schutz für das komplette Verschwinden außerhalb des Bildrandes.
Natürlich sollte man keine absurd hohen Werte einstellen, da das Bild für mehrere tausend Pixel natürlich auch seine Zeit brauchen würde, um wieder in den sichtbaren Bereich zu fliegen.
Falls das Bild bei einer Startposition außerhalb (nur rechts und/oder unten) doch lieber auf die automatische Startposition zurückgesetzt werden soll, kannst du die folgenden auskommentierten Zeilen wieder aktivieren:

// || posX > (window.innerWidth - movingPicture.style.width.split('px')[0])
// || posY > (window.innerHeight - movingPicture.style.height.split('px')[0])
 

Damit wird das Bild von zu weit rechts/unten wieder nach links oben gesetzt.
Für negative Startwerte greift dies dann nicht, aber von da aus kann man ja die Abstände besser einstellen und braucht nicht auf veränderbare Werte wie Breite und Höhe achten.


Deine Funktion zum automatischen Ausblenden des Bildes habe ich dann auch noch ein wenig verändert.
Ich blende es nicht nur einfach aus, sondern sorge auch dafür, dass die weiteren unnötigen Positions-Berechnungen aufhören.
Setze einfach in der Variable timePicture wieder deine gewünschte Zeit zum Ausblenden ein.
Negative Werte, wie z.B. "-1", sorgen dafür, dass die Animation niemals ausgeblendet wird.


Das Pausieren habe ich letztendlich dann auch noch so angepasst, dass die Berechnung gezielt entweder gestartet oder pausiert wird.
Denn onmouseover soll ja immer den Vorgang anhalten, wohingegen onmouseout immer die Berechnung wieder aktiviert.
Falls aus irgendeinem Grund also z.B. zweimal ein onmouseover ohne ein onmouseout dazwischen gefeuert wird, dreht sich so die Reihenfolge nicht mehr um.
Sonst würde das Bild beim Überfahren mit der Maus weiterlaufen und beim Wegfahren anhalten.
Könnte nämlich vielleicht passieren, wenn man über das Bild fährt, per Tastenkombination das Fenster wechselt, mit der Maus wegfährt, wieder ins Browserfenster zurückwechselt und dann erneut auf das Bild zeigt.
Falls der Browser beim Wechseln des Fensters also nicht automatisch onmouseout feuert, fährst du sozusagen nur zweimal darüber und nicht noch weg.
Dann würde deine pause-Variable sich bei einem onmouseover auf true und beim anderen auf false stellen, was ab dann die Funktion beim Hovern umdrehen würde.

Diese Events sollten übrigens bevorzugt klein geschrieben werden, da sich beim Validieren sonst evtl. Meldungen einstellen, dass es sowas wie OnClick oder onClick nicht gibt.
Die Browser erkennen es in der Regel trotzdem, ist aber nicht ganz so sauber und nach dem Standard.


Ansonsten habe ich noch die Style-Anweisung cursor:pointer; nach oben in die Style-Tags verlegt.
An dieser Stelle kannst du natürlich auch weitere Style-Anpassungen für das Bild vornehmen, um Style und Code sauberer zu trennen.
Die Angaben width und height im Style-Attribut des Bildes sind dort allerdings ausnahmsweiße so gewünscht.
Als ich sie anfangs in die Style-Tags ausgelagert habe, konnte ich nicht mehr per JavaScript auf die bestehenden Werte zugreifen, um z.B. die automatisch Startposition oder das Anstoßen am Rand zu berechnen.
Dann hätte man die Bild-Breite und -Höhe nochmals im Skript definieren müssen, was doppelt und unschön wäre, vor allem falls man das Bild einmal ändert und vergisst, das Skript anzupassen.
Es funktioniert also nur alles automatisch, wenn width und height im Style-Attribut definiert worden sind.
Der Rest des Styles kann gerne ausgelagert werden, um alles sauber zu trennen und ohne Template-Änderungen bearbeitet werden zu können.


Dann kann ich nur noch hoffen, dass das Skript jetzt inzwischen weitestgehend bugfrei geworden ist und ordentlich funktioniert.
Viel Spaß damit!