The links at the top left (ScrollDown, ScrollUp etc) move the div content up and down respectively.
If you're keeping a lit of the images in an array, it is easy to change positions in the array. Of course, the DOM also allows you to remove a child element from the document and insert it at a different point within the same parent -- much like an array.
Although this works great, I need the page to be able to save the order in which the images look after moving them around. Is there a way of overwriting the file with the new list ordering? Currently the images I have are pulled in from a directory in alphabetical order, so I guess really the names of the images would have to be changed in order to reflect the position changes...
I see. However, the page uses a file list function to grab the images from a directory of thumbnails on the server, which contains a further directory called "fullsize". That way, when someone clicks on the thumb is opens the fullsize picture relating to it.
I admit, it's a bit of an archaic way of doing it, but I don't currently have a database on this account. I don't suppose there is a way of re-naming the images so that they will get pulled in to the page in a new order? Like I said, it's automatically alphabetically (or numerically) in order. I'm probably asking the impossible here! I guess I'd have to change it to a database...
Via AJAX, you can save the user's order anywhere you like -- it doesn't have to be a database. Flat files are fine, too. You just need some method of connecting the saved file to a particular user (no different than having a method to connect particular database rows to a particular user).