X3Photo Gallery Forums

# SLIDESHOW LAYOUT
# The slideshow is a powerful gallery method that supports touchscreen gestures (swipe), keyboard nav, thumb nav, autoplay, fullscreen, video and much more. The slideshow method comes with comprehensive settings to account for a variety of layout combinations. The slideshow layout method is only avaiable for the GALLERY module, but not FOLDERS. Simply add 'slideshow' to the gallery module to achieve the default slideshow layout.

# SETTINGS
# slideshow:[width],[height],[ratio],[nav],[fit],[transition],[duration],[captions],[loop],[autoplay],[interval],[startFullscreen]
# width // [100, 100%, 100px] : default 100%
# height // [100, 100%, 100px] : default 100%
# ratio	// Nullifies height, and sets the ratio : [4/3, 1.33] : default null
# nav // nav interface // [dots, thumbs, false] : default false
# fit // Image scale method // [cover, contain, scaledown, none] : default cover
# transition // [slide, crossfade, dissolve] : default slide
# duration // transition duration // [500] : default 500
# captions // [true, false, hover] : default false
# loop // [true, false] : default false
# autoplay // [true, false, 5000] : default false
# interval // slider autoplay interval // [3000] : default 3000
# startFullscrees // [true, false] : default false
# toggleplay: show toggleplay buttoin // [true, false] : default false

# NB! When applying the settings, you can use '0' to leave items at default value.

# EXTRAS
# You can add several settings simply by class name, instead of adding the settings string above. Also, there are a few additional utlities that are appropriate for the slideshow:

# dots, thumbs // Adds slideshow navigation.
# cover, contain, scaledown, none // Sets image scale method.
# slide, crossfade, dissolve // Sets transition.
# captions, captions-hover // Show captions method.
# loop // loop the slideshow.
# autoplay // Start autoplay on page load.
# startFullscreen // Starts the slideshow in fullscreen (not native browser).
# toggleplay // Displays the toggleplay button.
# scrollTo // Automatically scroll to slideshow on page load.
# scrollbutton // Adds a scroll button elegantly scroll slideshow into full view.
# wide // Use in module for full width slideshows (defaults to grid max width).
# frame // Adds a frame around the slideshow. Does not like good with 'wide'.
# hidetimer // Hides the timer element when slideshow is autoplaying.

# EXAMPLES
# slideshow // default slideshow
# slideshow:0,0,16:9 // Creates the slideshow with a 16:9 ratio.
# slideshow:0,80% // Creates the slideshow at 80% of screen height.
# slideshow:0,0,0,thumbs,contain,crossfade // Sets thumbs, contain and crossfade.
# slideshow thumbs contain crossfade // Same as above, but applied with names.
# slideshow autoplay captions startFullscreen // Autplay with captions, start full.

.fotorama__fullscreen-icon,  . fotorama__arr {
  display: none;
}