Help an AJAX newbie!

October 1, 2006 9:32 PM

Help an AJAX newbie! Here's the problem: I have a table where each cell contains a single image. The order of these images does matter. I want the user to be able to drag and drop an image from one cell into another cell. All other images would then "move over" one cell.

The purpose for this is that the images form a slideshow, and I want to allow the users to control the order of images in the slideshow. I want them to be able to drag-and-drop images in creating the order because the current method of moving the images one cell at a time is just no good. I would greatly appreciate any and all help!

posted by LoopyG to computers & internet (3 comments total)

Maybe you could start with the YUI Drag and Drop Utility.
posted by kcm at 9:41 PM on October 1, 2006

Script.aculo.us sortable floats does exactly what you want.
posted by rajbot at 10:00 PM on October 1, 2006

Are you sure you don't just want to let them all be floated, so that they arrange themslves into a grid like this automatically? If the images are different sizes, you can preserve the pretty, evenly spaced grid look by just giving them all the same width and height in CSS.

Regardless, I'd reccomend either the YUI utility or Mochikit's drag-and-drop library (YUI is better tested, Mochikit's is better documented).
posted by gsteff at 10:02 PM on October 1, 2006