Riesiges Bild in einem kleinen Container hin und her ziehen?

[l0c4lh05t]

Hallo,
wie der Titel schon so treffend sagt, versuche ich ein riesen großes Bild (mehr als 2000x2000 Pixel) in einem Container hin und her zu bewegen und das nicht via Scrollbars sondern via Cursor. Ich glaube, dass ich dazu JavaScript benutzen muss.
Kann mir da vielleicht jemand bei helfen? Irgendwelche Links oder Beispiele?
Naja, danke...

 

[Quaese]

Hi,

wenn du nach drag&drop suchst, solltest du ausreichend Informationen finden, z.B. hier.

Zum prinzipiellen Vorgehen:

• das Bild wird absolut in einem relativen Container eingefügt
• die Cursorposition wird ständig überwacht (onmousemove-Event)
• bei onmousedown über dem Bild werden die Offsets (horizontal und vertikal) des Cursors zur linken oberen Ecke des Bildes ermittelt
• bei onmouseup wird das Bild unter zu Hilfenahme der Offsets das Bild neu positioniert

Vielleicht kannst du damit dein Vorhaben lösen.

Ciao
Quaese

 

[l0c4lh05t]

Danke für deine Antwort!
Leider ist mein Wissen über JavaScript soweit beschränkt, dass ich nicht weiß, wie man das Bild neu positionieren (mit der Angabe von Pixeln) kann...
Könntest du mir vielleicht dort noch eine kleine Hilfestellung geben?
Danke noch einmal!

 

[Quaese]

Hi,

das Neupositionieren ist in dem Link, den ich gepostet habe, beschrieben. SelfHTML hat ebenfalls einen Beitrag zum Thema Drag&Drop - vielleicht kannst du damit mehr anfangen.

Ciao
Quaese