Support Center

Image Gallery Visualizations

Last Updated: Oct 11, 2016 01:34PM EDT

Slideshow

The Slideshow gallery visualization allows you to set control options such as play, pause, forward and back. You can also customize the navigation, transitions, and special effects.

 

Options

The basic Slideshow visualization uses standard options only.
 

Slideshow with Animated Caption

Slideshow with Animated Caption visualization is a more advanced version of the Slideshow visualization, which includes animated captions over the images and imitates the appearance of a custom Flash animation without actually having to create one, has several custom options.


 

Options
Slideshow with Animated Caption visualization uses most of the standard options. However, it has several custom settings.

In this visualization, the navigation (if any) appears over the images, but not below them. You can select between two types of navigation - Dots and Numbers - and you can specify its position using the options in the Navigation Position drop-down.

Transitions
The options in the Transitions section allow you to control the image and the caption animations in your gallery. The images can change with Slide or Fade animation (available in the Slide Animation drop-down). 

The captions in this type of gallery visualization appear over the images, not below them. You can select between different Caption Animation possibilities and manually set the Caption Offset assigning the exact Left / Top position (in pixels).

The options configured in Gallery Options' Transitions section apply over all images and all captions in the gallery. If you want to have different behaviour for a particular image only, you can overwrite the default setting, updating this image and changing the Slide Options setting which will be visible in the Image Options dialog.  



Thumbnails

In the Thumbnails gallery visualization, image thumbnails are displayed in a flexible grid featuring thumbnail effects with selectable page transitions, and navigation styles.
 


 

Options
In addition to the standard options, the Thumbnail visualization allows you to set in how many rows and columns the image thumbnails in your gallery to be placed. You can either set some hardcoded values or leave the columns and / or rows to be automatically adjusted. With automatic adjustment, the thumbnails will be arranged to take as much of the available space as possible and rows will be added only when needed. Leave the Columns / Rows fields empty or type auto for automatic adjustment.

Filmstrip

Similar to the Slideshow, the Filmstrip visualization displays one image at a time. But instead of the standard (Dots, Numbers, etc.) navigation types, it offers small icon previews of all the gallery images arranged in an easy to navigate filmstrip which can be placed at the top, left, right or bottom of the main image. When a visitor clicks on an icon in the filmstrip, the corresponding image from the gallery will be loaded.


 

Options

The Filmstrip visualization uses most of the standard options. In addition it adds several custom settings which controls the appearance of the icons in the filmstrip navigation.

You can change the position of the filmstrip navigation selecting one of the available options in the Filmstrip dropdown list.
 
In Appearance & Options section you see Icon Size and Crop Icon options which work the same way as Image Size and Crop Image but affect the icons in the filmstrip instead the images in the gallery.

The last custom option is placed in the Gallery Controls section - Scrollbar. If this option is checked, a scrollbar will appear next to the filmstrip when the filmstrip is long enough and require scrolling. Have in mind that the scrollbar controls the filmstrip but not the images in the gallery. Also you can leave the Scrollbar option switched off. In this case if the filmstrip is long enough your visitors may scroll it by moving the mouse cursor along the filmstrip area. Moving the cursor off center to the left start moving the filmstrip to left. Moving it off center to the right start moving the filmstrip to right.

Mosaic

The Mosaic visualization looks and behaves almost like the Filmstrip visualization, but the icon previews of the gallery images are arranged in a grid pattern but not in a ribbon near the main image. It's a great way to display large collections of photos or products.

 


 

Options
The Mosaic visualization uses most of the standard gallery options.

Like the Filmstrip visualization, it has Icon Size and Crop Icon settings, which control the icons appearance. But in contrast to the Filmstrip, Mosaic doesn't have Scrollbar option. Here if the grid of icons is placed below or above the main image, all the icons are displayed, wrapped on multiple lines if needed. And if the icons are positioned on left / right of the main image, the scrollbar automatically appears if the grid is too long and requires scrolling (you cannot remove the scrollbar in this case).

Also the Mosaic visualization has one more specific option. When the grid of icons is positioned on left or right of the main image you can specify in how many columns to place the icons. You can either set a hardcoded value, or leave the system to adjust the icons automatically (leaving the Icon Columns filed empty or typing auto)
 

Slider

In the Slider visualization the images are arranged in a continuous ribbon which can transition manually or automatically to reveal additional images which seem to slide into view. The Slider is ideal for a photographic site header, a product display window, and many other uses.

 


 

Options
The Slider visualization uses most of the standard gallery options.
 

The only custom option of this visualization is Scrollbar. If switched on, scrollbar appears below the gallery images ribbon and allows the visitors to scroll it left and right.

Liquid error: undefined method `gsub' for nil:NilClass

assistly@premium-webhelp.com
http://assets2.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete