This gallery displays your images in a row that (optionally) scrolls by itself.


  Settings used for this example:

Component Inspector

Gallery LayoutCarousel

Plugin Backend Settings

Thumbnails → Width150

Custom CSS

.ug-theme-carousel .ug-thumb-wrapper {
    border-color: #3097d1 !important;

Explanation: The gallery layout is set to "Carousel" in the component inspector. Since we haven't specified a thumbnail width in the inspector, it falls back on the value set on the plugin backend settings page, which is 150. We add a CSS rule (in a stylesheet that we manually add to our layout) to set the border color to blue for all "ug-thumb-wrapper" elements inside all "ug-theme-carousel" themed galleries.

Explore various options interactively at!

  Script options...

  All Available Component Inspector Options for Embedded Galleries

  Script options applicable to all "Carousel" galleries...

You can read more and see a lot of examples at the UniteGallery website!