Added by Fluid Wiki Administrator, last edited by Allison Bloodworth on Jun 02, 2008  (view change)

Labels:

lightbox lightbox Delete
image_reorderer image_reorderer Delete
Enter labels to add to this page:
Wait Image 
Looking for a label? Just start typing.

Updated Mockups for Lightbox Component (Drag and Drop)

These mockups have been updated to reflect the current design for the lightbox. Older versions of this design are archived as attachments to this page.

2. Initial view of lightbox

2. Image being dragged.

The drag avatar is a copy of the original element, and has a new CSS class. The drag avatar and original image can be styled independently (in this example, the original image is styled at half opacity)

3. Drop Target.

The drop target indicator is a separate DIV that is positioned in between two elements. This DIV has a CSS classname which allows it o be styled (in this example, as a red dotted line).