vielleicht ist es trivial, aber ich stehe im Moment auf dem Schlauch...
sagen wir, der Bildausschnitt ist 200px hoch und 600 px breit
x ---------- x
| |
| |
e ---------- e
wenn ich mit der Maus auf die X komme, dann soll nach oben-link oder oben rechts das Bild verschoben werden
Bei e auf unten-links oder unten-rechts
---- nur nach oben oder unten
| nur nach links oder rechts
diese Bereiche sind am Rand definiert und sollten ca. 30px breit sein.
bei mouse over soll sich das Bild dann automatisch bewegen.
Hat das noch niemand erfunden?
Wie müsste ich dann für die Umsetzung vorgehen?
Ich müsste ja dem draggable initial Koordinaten des Bildausschnittes geben, danach eine hover action pro Himmelsrichtung. und dann solange die Maus auf dem hoverbereich ist, müssen die Koordinaten dess draggable elementes dynamisch aktualisiert werden...
any ideas?
danke