Options

ParameterDescriptionTypeDefaultAccept
velocityVelocity of animationfloat10.0 to 2.0
intervalInterval between transitionsinteger2500integer
animationDefault animationstringnull or defined in <a> class...
numbersNumbers displaybooleantruetrue, false
navigationNavigation displaybooleanfalsetrue, false
labelLabel displaybooleantruetrue, false
easing_defaultEasing defaultstringnullease type
thumbsNavigation with thumbsbooleanfalsetrue, false
hide_toolsHide numbers and navigationbooleanfalsetrue, false
fullscreenFullscreen modebooleanfalsetrue, false
xmlLoading data from XML filebooleanfalsetrue, false
dotsNavigation with dotsbooleanfalsetrue, false
show_randomlyRandomly slidersbooleanfalsetrue, false
onLoadCallbackfunctionnullfunction
numbers_alignAlignment of numbers/dots/thumbsstringleftcenter, left, right
previewPreview with dotsbooleanfalsetrue, false
focusFocus slideshowbooleanfalsetrue, false
focus_positionPosition of button focus slideshowstringcentercenter, leftTop, rightTop, leftBottom, rightBottom
controlsOption play/pause manuallybooleanfalsetrue, false
controls_positionPosition of button controlsstringcentercenter, leftTop, rightTop, leftBottom, rightBottom
enable_navigation_keysEnable navigation keysbooleanfalsetrue, false
with_animationsSpecific animations to be used in random mode.array[]["paralell", "glassBlock", "swapBars"]
mouseOverButtonFunction call to go over the navigation buttonsfunctionfunction() { $(this).stop().animate({opacity:0.5}, 200); }function() { $(this).stop().animate({opacity:0.2}, 500); }
mouseOutButtonFunction call to go out the navigation buttonsfunctionfunction() { $(this).stop().animate({opacity:0.5}, 200); }function() { $(this).stop().animate({opacity:0.2}, 500); }
stop_overStop animation to move mouse over it.booleantruetrue, false
auto_playSets whether the slideshow will start automaticallybooleantruetrue, false
label_animationLabel animation typestringslideUpslideUp, left, right, fixed
imageSwitchedFunction call to change imagefunctionnullfunction
progressbarDisplays progress barbooleanfalsetrue, false
progressbar_cssCSS progress barbooleanfalsetrue, false
themeSlideshow themestringnullminimalist, round, clean, square
responsiveResponsive optionsobjectnull{ responsive: { small: { animation: 'fade', max_width: 768, suffix: '-small' }, medium: { animation: 'directionRight', max_width: 1024, suffix: '-medium' } } }