Default Theme

Show fullscreen button: show, hide the theme fullscreen button. The position in the theme is constant

Show play button: show, hide the theme play button. The position in the theme is constant

Show ‘hide panel’ button: show, hide the hide panel button

Show text panel: enable the panel text panel

Hide panel under width: hide panel under certain browser width, if 0, don’t hide

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

Images preload type: the images preload type. Minimal: only image nabours 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 role of mouse wheel. Zoom image, advance items, or none

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

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

Preserver ration on resize: preserver width and height ratio on gallery resize

Gallery background color: set custom background color on slider area, if not set will be taken from 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: 0 px 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

Panel padding top: space from top of the panel

Panel padding bottom: space from bottom of the panel

Panel padding left: space from left of the panel

Panel padding right: space from right of the panel

Panel background color: background color of the strip wrapper, if not set, it will be taken from CSS

Panel background transparent: set the panel background color as transparent

Enable panel side buttons: enable buttons from the sides of the panel

Panel side buttons skin: select the skin of the panel slide buttons

Panel side buttons padding: padding of the panel side buttons

Panel side buttons role: the role of the buttons

Show panel close handle: enable panel close / open handle

Panel handle aling: close handle tip align on the handle bar according panel orientation

Panel handle offset: offset of handle bar according the align

Panel handle skin: the sking of the handle

Panel thumbs align: the align of the thumbs when they smaller then the strip size

Space between thumbs: space between thumbs

Scroll to thumb duration: duration of scrolling to thumb

Scroll to thumb easing: easing of scrolling to thumb animation

Enable mouseover control: move the strip according strip mouseover position

Enable touch control: move the strip by dragging it in touch enabled devices

Panel touch sensitivity: from 1-100, 1 – most sensitive, 100 – most unsensetive

Thumb width: thumb width

Thumb height: thumb height

Thumb border effect: enable the thumbnail border effect, if the thumbnail will has border or not

Thumb border width: thumb border width regular state

Thumb border color: thumbnail border color regular state

Thumb mouseover border width: thumb border width in mouseover state

Thumb mouseover border color: thumb border color in mouseover state

Thumb selected border width: thumb width in selected state

Thumb selected border color: thumb border color in selected state

Thumb border radius: thumb border radius

Thumb color overlay effect: thumb color overlay effect, release the overlay on mouseover and selected states

Thumb overlay color: thumb overlay color

Thumb overlay opacity: thumb overlay color opacity

Thumb overlay reverse: reverse the overlay, will be show on selected state only

Thumb image overlay effect: images overlay effect on normal state only

Thumb image overlay type: the type of image effect overlay, black and white, sepia and blur

Thumb transition duration: thumb effect transition duration

Thumb transition easing: thumb effect transition easing

Thumb show loader: show thumbnail loader

Thumb loader type: the type of thumb loader

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 zoom panel: enable the zoom buttons, works 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

Text vertical align: text vertical align

Text panel padding top: text panel padding top

Text panel padding bottom: text panel padding bottom

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’}

Inlcude 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