How can i go about this?

Hi,

I have a galleries page in the CMS am developing that looks like the above. This section of the page allows the admin to upload multiple pictures taken by a photographer. On clicking the 'edit' button on any thumbnail - whether a blank or already uploaded pic thumbnail, the custom pop-up window is seen. Which allows you to upload a thumbnail image with its corresponding large size.

On save from the pop-up window, images are uploaded and the thumbnail from which the edit button was clicked is replaced with the thumbnail of the uploaded image.

Am just wondering how i can go about coding this. I want to use AJAX + PHP since i dont want the whole page to reload on uploads. Do i need to use a javascript library like Dojo/JQuery to simplify things?

For the custom pop-up window - should that be a styled DIV with all input file element that gets since onclick of Edit button?

Am very new to AJAX - though i understand the concept. Please help is needed on how i can tackle this. Thanks

Well, first, jQuery and AJAX.

You can use jQuery for your AJAX requests, in the back-end you need some sort of script (PHP, Ruby, ASP).

If you want to learn AJAX, there's a great guide in the jQuery documentation.

You should have the query made by javax for the solution of this.It will surely work.