Hello,

I wonder if anyone can help pointing me in the right direction.

I want to create a website where a user can choose images (trees, buildings etc) That can be dragged and resized around a canvas to create an overall image that can be saved and printed out by myself to send to them.

 

I have some limited knowledge of Dreamweaver from a few years back and I'm happy to learn any software/programming that is required, but I don't know where to start. Can anyone point me in the right direction?

There are lots of scripts that will allow image uploads and there are lots of scripts that will let you drag and drop the images. But what you want is image layering and that a third level of complexity.

 

This is just one script I found using Google: http://beej.us/blog/data/drag-n-drop/

 

And this one does a while load of things: http://interactjs.io/

 

And this one offers some advice on setting layers: http://stackoverflow.com/questions/8657659/bring-forward-send-backward-option-in-jquery-draggable

Wow thanks the second one down looks exactly right for me.

 

Much love