Jan Posted November 6, 2015 Share Posted November 6, 2015 I am developing a HTML5 interaction that reacts as follows: User click on a link and image is loaded in a specific area. 4 buttons appear below image. Each of these buttons zoom (resize) the image accordingly 2x. 3x etc. When image are zoomed in, it must be draggable in the specific area only. Thus some sort of mask needs to be applied. As I am very new to HTML5 I would appreciate any help to point me in the right direction. At the moment I am at the point of being able to load the image, set its initial size, display the buttons to activate the zoom effect. All I need is help with the actual dragging, but more importantly the masking of image to be only draggable and visible within a certain area. Hope this makes sense. Link to comment Share on other sites More sharing options...
Jan Posted November 6, 2015 Author Share Posted November 6, 2015 What I basically need to do is set the image to be draggable in a scrollpane simmilar to Flash scrollPane object. I am converting Flash templates to HTML5. Link to comment Share on other sites More sharing options...
davej Posted November 6, 2015 Share Posted November 6, 2015 You might start here... https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Drag_and_drop Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now