Page Comparison

In version 0.5, the Lightbox has been renamed the Image Reorderer, and its API has been simplified. This page will walk you through the process of upgrading your existing 0.4 Lightbox implementation to the new 0.5 Image Reorderer API. This tutorial assumes that

• you are already familiar with HTML, Javascript and CSS
• you are familiar with what the Lightbox/Image Reorderer is and does
• you have an existing implementation of the Lightbox that worked with the 0.4 Infusion release.

Dependencies

If you use the Fluid-all.js file, you don't have to change this - this file still contains everything you need.

If, however, you are including independent files, you will need to add two files to your list: FluidDOMUtilies.js and GeometricManager.js. You also no longer need ui.droppable.js. Lightbox.js has been renamed to ImageReorderer.js.

jquery/jquery-1.2.6.js
jquery/jquery.keyboard-a11y.js
jquery/ui.core.js
jquery/ui.draggable.js
jquery/ui.droppable.js
jquery/jARIA.js
fluid/Fluid.js
fluid/Reorderer.js
fluid/Lightbox.js

jquery/jquery-1.2.6.js
jquery/jquery.keyboard-a11y.js
jquery/ui.core.js
jquery/ui.draggable.js
jquery/jARIA.js
fluid/Fluid.js
fluid/FluidDOMUtilies.js     <== new!
fluid/GeometricManager.js    <== new!
fluid/Reorderer.js
fluid/ImageReorderer.js <== formerly Lightbox.js