Carousel

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

Gallery

  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 UniteGallery.net!


  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!