Child pages
  • Tutorial - Image Reorderer

Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.


You can style your image gallery any way you choose (of course), but or use the default Infusion Image Reorderer comes with a set of CSS styles that have been carefully created by interface and interaction designersstyle.

Using the default styles


There are three things you'll want to add styling classnames to:

  1. the reorderer container element, using fl-imageReorderer and fl-reorderer-horizontalLayout,
  2. the reorderable elements themselves, using fl-imageReorderer-item, and
  3. the captions, using fl-imageReorderer-caption.