Slider

Gallery skin: the global skin of the gallery. Will change all gallery items by default

Images preload type: the images preload type. Minima: only image nabour will be loaded each time. Visible: visible thumbs images will be loaded each time. All: load all the images first time

Autoplay at start: begin slideshow autoplay on start

Play interval: play interval of the slideshow, after that time the slide will change

Pause playing on mouseover: pause on mouseover when playing slideshow

Mouse wheel role: the roles of mouse wheel. Zoom image, advance items, or none

Keyboard wheel role: allow to control gallery with keyboard (left, right arrows)

Carousel mode: next button on last image goes to first image

Preserve ration on resize: preserver width and height ration on gallery resize

Gallery background color: set custom background color on slider area, if not set it will be taken form CSS

Gallery background opacity: the opacity of the gallery background. Set to 0 for transparent background, and give some color

Position on the page: the position of the slider on the page. Default: no styles added. Float left. Float: right. Margin: 0px auto

Margin top: the top margin of the slider wrapper div

Margin bottom: the bottom margin of the slider wrapper div

Margin left: the left margin of the slider wrapper div

Margin right: the right margin of the slider wrapper div

Scale mode: scale mode for slider images than related to media items:

Fit: scale down and up the image to always fit the slider

Down: scale down only, smaller images will be shown, don’t enlarge images (scale up)

Fill: fill the entire slider space by scaling, cropping and centering the image

Fit vertical: make the image always fill the vertical slider area

Scale mode for media items: scale mode for slider images than related to media items:

Fit: scale down and up the image to always fit the slider

Down: scale down only, smaller images will be shown, don’t enlarge images (scale up)

Fill: fill the entire slider space by scaling, cropping and centering the image

Fit vertical: make the image always fill the vertical slider area

Scale mode for fullscreen: scale mode for slider images than related to media items:

Fit: scale down and up the image to always fit the slider

Down: scale down only, smaller images will be shown, don’t enlarge images (scale up)

Fill: fill the entire slider space by scaling, cropping and centering the image

Fit vertical: make the image always fill the vertical slider area

Controls always on: set on slider controls (arrows, bullets, zoom panel) always on, if no show only on mouseover

Controls appear duration: the duration of appearing controls

Controls appear on tap: appear controls on tap event on touch devices

Edit slider area padding: check yes if you want to edit slider area padding

Slider padding top: padding top of the slider item

Slider padding bottom: padding bottom of the slider item

Slider padding left: padding left of the slider item

Slider padding right: padding right of the slider item

Sliders change transition: the transition of the slide change

Transition duration: transition duration of slide change

Transition easing function: transition easing function of slide change

Enable swipe control: enable swiping control on touch devices and using the mouse

Enable image zooming: enable zooming control; zoom on mouse wheel and on punch gesture on touch devices

Zoom max ratio: max zoom ratio. The zooming will stop after this value

Enable video close button: enable video close button on video play on right top corner

Slider loader shape: shape of the loader (1-7)

Slider loader color: color of the loader (black, white)

Show bullets: show the bullets on slider element

Bullets skin: skin of the bullets, if empty inherit from gallery skin

Space between bullets: set the space between bullets. If -1 then will be set default space from the skins

Bullets horizontal align: bullets horizontal align

Bullets vertical align: bullets vertical align

Bullets horizontal offset: bullets horizontal offset

Bullets vertical offset: bullets vertical offset

Show slider arrows: show the arrows on slider element

Slider arrows skin: skin of the slider arrows, if empty inherit from gallery skin

Left arrow horizontal align: left arrow horizontal align

Left arrow vertical align: left arrow vertical align

Left arrow horizontal offset: left arrow horizontal offset

Left arrow vertical offset: left arrow vertical offset

Right arrow horizontal align: right arrow horizontal align

Right arrow vertical align: right arrow vertical align

Right arrow horizontal offset: right arrow horizontal offset

Right arrow vertical offset: right arrow vertical offset

Show progress indicator: enable progress indicator on slider element

Progress indicator type: progress indicator type, if pie not supported, it will switch to bar automatically

Progress indicator horizontal align: progress indicator horizontal align

Progress indicator vertical align: progress indicator vertical align

Progress indicator horizontal offset: progress indicator horizontal offset

Progress indicator vertical offset: progress indicator vertical offset

Progress bar color: progress bar color

Progress bar opacity: progress bar opacity

Progress bar line width: progress bar line width

Progress pie color: the first color of the progress pie

Progress pie second color: progress pie second color

Progress pie stroke width: progress pie stroke width

Progress pie width: progress pie width

Progress pie height: progress pie height

Show play button: enable play / pause button on slider element

Play button skin: skin of the slider play button

Play button horizontal align: play button horizontal align

Play button vertical align: play button vertical align

Play button horizontal offset: play button horizontal offset

Play button vertical offset: play button vertical offset

Show fullscreen button: enable fullscreen button on slider element

Fullscreen button skin: skin of the slider fullscreen button

Fullscreen button horizontal align: fullscreen button horizontal align

Fullscreen button vertical align: fullscreen button vertical align

Fullscreen button horizontal offset: fullscreen button horizontal offset

Fullscreen button vertical offset: fullscreen button vertical offset

Show zoom panel: enable the zoom buttons, work together with zoom control

Zoom panel skin: skin of the slider zoom panel

Zoom panel horizontal align: zoom panel horizontal align

Zoom panel vertical align: zoom panel vertical align

Zoom panel horizontal offset: zoom panel horizontal offset

Zoom panel vertical offset: zoom panel vertical offset

Show text panel: enable text panel

Text panel always on: text panel are always on, if no show only on mouseover

Text panel align: the align of the text panel to some side of the slider

Text panel margin: margin from the text panel position according the text panel align option

Text vertical align: text vertical align

Text panel padding top: text panel padding top

Text panel padding bottom: text panel padding bottom

Text panel height: text panel height, if it has negative value (for example -1) it will be set dynamically

Padding between title and description: padding between title and description

Text panel padding left: cut some space for text from left

Text panel padding right: cut some space for text from right

Text panel fade duration: the fade duration of text panel appear

Enable title text: enable the title text

Enable description text: enable the description text

Enable text panel background: enable the text panel background

Text panel background color: text panel background color

Text panel background opacity: text panel background opacity

Background additional CSS: text panel background additional CSS javascript style like {‘padding – left’: ‘10px’, color: ‘#ff000’}

Title additional CSS: text panel title additional CSS javascript style like {‘padding – left’: ‘10px’, color: ‘#ff000’}

Description additional CSS: text panel description additional CSS javascript style like {‘padding – left’: ‘10px’, color: ‘#ff000’}

Include jquery library: add include of jquery js. If you have jquery include in other module, and you don’t want to double include, choose ‘No’

Put JS includes to body: put the gallery javascript includes to body. This may help in situations when multiple jquery libraries are loaded.

Debug javascript errors: show error message when there is some error on the gallery area