Inzoomen op div -> muis positie

Status
Niet open voor verdere reacties.

killer4all2

Gebruiker
Lid geworden
26 mei 2009
Berichten
449
Goedendag,

jsFiddle

Ik wil graag inzoomen op een div, maar ik wil dat doen op de muispositie (zoals google map etc. dat doet). Ik heb al een tijdje op internet lopen zoeken en zelf heel wat formules geprobeerd, maar het wil maar niet lukken.

Ik vroeg mij af of iemand een som weet waarmee ik kan inzoomen op een div op de muispositie.

Hier is een jsFiddle die ik gebruik voor het inzoomen, nu moet hij nog inzoomen op de muispositie :) :
http://jsfiddle.net/mpczgbja/1/

Ik snap overigens dat er op internet libraries voor zijn, maar deze kan ik niet gebruiken. Ik wil het overigens zelf ook graag weten :) Ik geloof niet dat het al te moeilijk moet zijn, maar ik kan er maar niet op komen.

Alvast bedankt voor jullie tijd :)

Mvg,
Rowan
 
1. vraag muispositie op tov het body element
2. vraag elementpositie op tov het body element
3. deze geven je de muispositie binnen/tov het divElement
4. bereken adhv je zoomfactor de verschuiving van het punt waar de muis naar wees binnen het te zoomen divElement
5. pas de positie van divElement om te compenseren voor die verschuiving

een paar schematische afbeeldingen als hulp:
mousezoom_1_start.pngmousezoom_2_expected_shift.pngmousezoom_3_compensation.pngmousezoom_4_end.png
 
Hey Johantrax,

Ziet er goed uit. Dit ga ik is proberen, als ik het zo lees moet het inderdaad wel gaan werken.

Heel erg bedankt. :)

Mvg,
Rowan
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan