DRAGGABLE GALLERY

A simple draggable gallery with jQueryUI

Let's now see an example of usage of the draggable widget.

This widget works usually together with the droppable widget: the first one (draggable) identifies elements which can be moved around, while the second (droppable) identifies the areas where elements can be dropped.

This examples introduces also jQuery icons, and uses some reserved jQuery CSS class names. Usage of the first (the icons) is optional, while usage of the second (the class names) is mandatory here and there, in order to have jQueryUI handling correctly the involved elements: you should experiment changing/removing these classes, in order to understand when and where they are mandatory.

For details have a look to HTML code of this page.