Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’m looking to pan/zoom HTML content on a page, much like Word^2 (wordsquared.com) but I can’t find a jQuery plugin or anything else to help. Am I overlooking something simple? I’m really not sure where to start.
http://jqueryui.com/demos/draggable/
WordSquared.com uses jQuery UI and streams in our content when the drag ends if the view needs to be refreshed.
We use the drag and stop events in ‘draggable’ to perform these checks and update the content.
Zooming is actually implemented (or not) by the browsers and kinda just works.
To get google maps-ish implementation you would need to have image detail levels and blend between them. You can’t catch the browser’s ‘zoom’ event but you can get the events that are triggering the browser’s zoom (mousewheel, multitouch– search for additional jquery plugins) and do the custom zooming work yourself.