The Swpier display widget provides a selection of transition animations, easily switched through the block edit dialog. Here we have the usual set of images displayed using each animation in trun. So as not to distract, no slide information is overlaid and the lightbox link is switched off.

Slide

Slide is a good choice for showing a single image at a time and for carousels showing multiple images at a time.

View settings

Export settings

The JSON data shows the settings used to configure this Omni Gallery block. These settings may be copied and pasted into the Import dialog on the Support section of the Omni Gallery block edit. The settings may need some modification to work on other sites because system paths and ids will be different.
  • Copy to clipboard
  • Select All
  • Download
  • Cancel

                                    

For comparison, here is the same slide effect in a carousel showing 3 images at a time. This transition looks good for any number of images. In the display widget you can set breakpoints to display different numbers of images depending on page width.

View settings

Export settings

The JSON data shows the settings used to configure this Omni Gallery block. These settings may be copied and pasted into the Import dialog on the Support section of the Omni Gallery block edit. The settings may need some modification to work on other sites because system paths and ids will be different.
  • Copy to clipboard
  • Select All
  • Download
  • Cancel

                                    

Fade

Fade is limited to one slide showing at a time. WIthin fade, an additional option is available to cross-fade.

View settings

Export settings

The JSON data shows the settings used to configure this Omni Gallery block. These settings may be copied and pasted into the Import dialog on the Support section of the Omni Gallery block edit. The settings may need some modification to work on other sites because system paths and ids will be different.
  • Copy to clipboard
  • Select All
  • Download
  • Cancel

                                    

Cube

Cube is also limited to one slide showing at a time. Within cube, additional options are available to control shadows beneath images and the overall cube.

View settings

Export settings

The JSON data shows the settings used to configure this Omni Gallery block. These settings may be copied and pasted into the Import dialog on the Support section of the Omni Gallery block edit. The settings may need some modification to work on other sites because system paths and ids will be different.
  • Copy to clipboard
  • Select All
  • Download
  • Cancel

                                    

Coverflow

Coverflow looks good for single images at a time or 3 images at a time. It will also look ok for 2 images when the center option is used. 

Coverflow will render to show 4 or more images at a time, but the overall effect becomes ugly.

View settings

Export settings

The JSON data shows the settings used to configure this Omni Gallery block. These settings may be copied and pasted into the Import dialog on the Support section of the Omni Gallery block edit. The settings may need some modification to work on other sites because system paths and ids will be different.
  • Copy to clipboard
  • Select All
  • Download
  • Cancel

                                    

The maximum sensible coverflow is a strip of 3 images. With the default coverflow options, any more slides and it gets weird. Further options within coverflow can be used to create some unusual effects that work with more images visible.

View settings

Export settings

The JSON data shows the settings used to configure this Omni Gallery block. These settings may be copied and pasted into the Import dialog on the Support section of the Omni Gallery block edit. The settings may need some modification to work on other sites because system paths and ids will be different.
  • Copy to clipboard
  • Select All
  • Download
  • Cancel

                                    

Flip

Flip is another animation limited to one slide showing at a time. Within flip, additional options are available to control shadows and edges.

View settings

Export settings

The JSON data shows the settings used to configure this Omni Gallery block. These settings may be copied and pasted into the Import dialog on the Support section of the Omni Gallery block edit. The settings may need some modification to work on other sites because system paths and ids will be different.
  • Copy to clipboard
  • Select All
  • Download
  • Cancel

                                    

Cards

The cards animation was introduced with Omni Gallery 1.9.0. It shows slides as a hand of cards with an animated shuffle to swap. The animated changes look best when using drag/drop, so are particularly effective for touch devices.

View settings

Export settings

The JSON data shows the settings used to configure this Omni Gallery block. These settings may be copied and pasted into the Import dialog on the Support section of the Omni Gallery block edit. The settings may need some modification to work on other sites because system paths and ids will be different.
  • Copy to clipboard
  • Select All
  • Download
  • Cancel

                                    

Additional Pages

  • Marketplace
  • Omni Gallery
  • Omni Gallery for Community Store
  • Omni Gallery Elements
  • Stored Settings Manager
  • Getting Started
  • Customer Reviews from the Marketplace
  • Simplifying Omni Gallery
  • Image Selectors
  • Display Widgets
  • Lightbox Overlays
  • Simple Examples of Display Widgets
  • Showing Massive Galleries
  • Image Backgrounds and Borders
  • Swiper Variations
  • Full Page Background with Vegas
  • Background instead of overlay
  • Hero Sliders
  • Big Scroll Hero Page Slider
  • Coupled Displays
  • User and User List image selectors
  • Page and Page List image selectors
  • Product and Product List image selectors
  • Filtering image lists
  • Attribute Sources
  • Extending Omni Gallery
  • Basic Element Display
  • FAQ & Problem Solving
  • Version History
Log in