April 24, 201412 yr Hello How would I go about creating a webpage with movable images (fake windows) inside the webpage? Like this: http://www.maisonmartinmargiela.com/ On the Margiela website - the 'windows' are PNGs with rollover images - but also you can click and drag, and move them around as you wish. How would one go about making movable images like this within a page?
April 27, 201412 yr Maybe it's worth to have a look at jQuery UI draggable http://jqueryui.com/draggable/?
April 29, 201412 yr I believe html5 has native support for drag and drop so you wouldn't necessarily need jQuery UI. Unfortunately I have no experience with this myself but i did find this demo with source code. http://html5demos.com/drag Edited April 29, 201412 yr by Nillervision
April 29, 201412 yr I believe html5 has native support for drag and drop so you wouldn't necessarily need jQuery UI. Unfortunately I have no experience with this myself but i did find this demo with source code. http://html5demos.com/drag I didn't know that! However, probably the browser support is poor. It's worth looking into it, though.
April 29, 201412 yr I didn't know that! However, probably the browser support is poor. It's worth looking into it, though. Yeah, the draggable attribute should be supported from IE9+ Here is a simpler example (please dont hate me for linking to W3schools) http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_global_draggable EDIT: I guess HTML5 draggable is the way to go for mobile web apps Edited April 29, 201412 yr by Nillervision
Create an account or sign in to comment