Drag-and-drop Image Ranking

I have a web app where users log in and answer questions. I want to add the ability for them to ‘rank’ images using a drag-and-drop interface.

The user would be presented with 8-12 thumbnails. They would then drag them into a pyramid shape. There would be one thumbnail on the top row, two on the second row, and three on the last row.

This should then store those rankings via Ajax. It will store them in a database that will contain one row for each user:

user id (int)
image id – spot 1 …

Leave a Reply

Your email address will not be published. Required fields are marked *