Using the slider's properties

Advanced Slider has over 150 properties that can be used to customize the look and feel of the slider. These properties need to be set when the plugin is instantiated, as you can see in this example:

<script type="text/javascript">
    $(document).ready(function(){
        $('#my-slider').advancedSlider({width:'100%', height:400, effectType:'swipe', timerAnimation:false});
    });
</script>

Below is a list of all the available properties, their default values and descriptions.

Property NameDefault valueDescription
General
xmlSource null The path to the XML source file.
skin 'pixel' Sets the main skin of the slider.
width 500 The width of the slider. Can be set in percentages if the '%' symbol is used or in pixels if only a number is used.
height 300 The height of the slider. Can be set in percentages if the '%' symbol is used or in pixels if only a number is used.
responsive false Sets the slider to be responsive.
aspectRatio -1 Sets the aspect ratio of the slider. The aspect ratio defines the ratio between the width and the height of the slider. A ratio of 2 will make the slider width 2 times larger than the height. The default value, -1, indicates that an aspect ratio will not be applied to the slider.
scaleType 'outsideFit' Indicates the scale type of the slide images. Available values are: 'insideFit', 'outsideFit', 'proportionalFit', 'exactFit' and 'noScale'.
alignType 'leftTop' Indicates the alignment of the image if its size is higher than the specified width or height. Available values are: 'leftTop', 'leftCenter', 'leftBottom', 'centerTop', 'centerCenter', 'centerBottom', 'rightTop', 'rightCenter', 'rightBottom'.
allowScaleUp false Allows the image to scale up to a size larger than the original size.
preloadNearbyImages false Indicates whether the images located nearby the currently opened image will be preloaded. This will happen only if the nearby images are set to lazy load.
slideStart 0 The index of the first displayed slide.
shuffle false Randomizes the slides.
border true Indicates whether a border will be displayed around the slide. This customization can also be done with CSS.
glow true Indicates whether a glow effect will be displayed around the slide. This customization can also be done with CSS.
shadow true Indicates whether the shadow will be displayed under the slide.
Slideshow
slideshow true Sets the slider to the auto slideshow mode.
slideshowLoop true Indicates whether the slider will loop continuously through the slides or only one time.
slideshowDelay 5000 The delay, in milliseconds, between transitions.
slideshowDirection 'next' Sets the slider to navigate to the next slide or to the previous slide. Available values are 'next' and 'previous'.
slideshowControls false Displays the play/pause button for the slideshow.
slideshowControlsToggle true Indicates whether the slideshow button will fade in/out on mouse hover.
slideshowControlsShowDuration 500 Sets the duration, in milliseconds, of the slideshow's controls show animation.
slideshowControlsHideDuration 500 Sets the duration, in milliseconds, of the slideshow's controls hide animation.
pauseSlideshowOnHover false Indicates whether the slideshow will be paused when the mouse is over the slide.
Timer Animation
timerAnimation true Indicates whether the timer animation will be displayed. For this to be displayed, the 'slideshow' property also has to be set to 'true'.
timerAnimationControls true Indicates whether the play and pause button will be displayed inside the timer animation.
timerToggle false Indicates whether the timer will be hidden and only shown on mouse hover.
timerFadeDuration 500 The duration for the timer to fade in/out.
timerRadius 18 The radius of the timer circle.
timerStrokeColor1 '#000000' The color of the underlying circle.
timerStrokeColor2 '#FFFFFF' The color of the animated circle.
timerStrokeOpacity1 0.5 The alpha of the underlying circle.
timerStrokeOpacity2 0.7 The alpha of the animated circle.
timerStrokeWidth1 8 The width of the underlying circle's stroke.
timerStrokeWidth2 4 The width of the animated circle's stroke.
Lightbox
lightbox false Indicates whether the lightbox will be enabled.
lightboxTheme 'pp_default' The theme of the lightbox. Available values are: 'pp_default', 'light_rounded', 'dark_rounded', 'light_square', 'dark_square' and 'facebook'.
lightboxOpacity 0.8 The opacity of the lightbox's overlay.
lightboxIcon true Indicates whether an overlay icon will appear when a slide or thumbnail has a lightbox attached to it.
lightboxIconToggle false Indicates whether the lightbox icon will fade in/out on hover.
lightboxIconFadeDuration 500 Sets the duration for the fade in/out animation of the lightbox icon.
thumbnailLightboxIcon true Indicates whether a lightbox icon will be displayed on the thumbnail when the corresponding slide has a lightbox attached to it. Not to be confused with the possibility of having the icon displayed when a lightbox is attached to the thumbnail itself. For this, only the 'lightboxIcon' property option needs to be enabled.
thumbnailLightboxIconToggle true Indicates whether the thumbnail lightbox icon will fade in/out on hover. This option is used only when the lightbox icon is enabled for the thumbnails that correspond to slides that have a lightbox attached to them.
lightbox_autoplay false Indicates whether the lightbox will play automatically.
lightbox_autoplay_delay 5000 Sets the delay of the lightbox's autoplay function.
lightbox_video_autoplay true Indicates whether the videos in the lightbox will play automatically.
ligthbox_allow_resize true Indicates whether the lightbox resize button will be visible.
Fullscreen
fullscreenControls false Indicates whether the fullscreen controls will be displayed.
fullscreenControlsToggle true Indicates whether the fullscreen controls will be displayed only when the mouse is over the slide.
fullscreenControlsShowDuration 500 Sets the duration for the fade in animation of the fullscreen controls.
fullscreenControlsHideDuration 500 Sets the duration for the fade out animation of the fullscreen controls.
fullscreenThumbnailScrollerOverlay true Indicates whether the thumbnail scroller, if enabled, will be displayed over the slide image.
fullscreenSlideButtons false Indicates whether the slide buttons, if enabled, will be displayed. By default, the buttons will be hidden.
fullscreenShadow false Indicates whether the slider's 3D shadow, if enabled, will be displayed. By default, the shadow will be hidden.
Transition Effects
effectType 'random' The type of the transition effect. Available values are: 'fade', 'slide', 'swipe', 'slice' and 'random'.
sliceEffectType 'random' Sets the effect type for the "slice" transition. Available values are: 'fade', 'scale', 'width', 'height' and 'random'.
initialEffect true Indicates whether the initial slide will have a transition effect. If set to false, the first slide will initially appear instantly.
htmlDuringTransition true Indicates whether specified HTML content will be displayed while the transition is in progress. A transition which displays HTML will be slower.
'Slide' transition effect
slideDirection 'autoHorizontal' Sets the direction of the slides. Available values are: autoHorizontal, autoVertical, rightToLeft, leftToRight, topToBottom and bottomToTop.
slideLoop false Indicates whether the slides will run in a loop when the 'autoHorizontal' or 'autoVertical' directions are used.
slideDuration 700 Sets the duration of the transition.
slideEasing 'easeInOutExpo' Sets the easing of the transition effect. Available values are: 'swing', 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic', 'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart', 'easeInQuint', 'easeOutQuint', 'easeInOutQuint', 'easeInSine', 'easeOutSine', 'easeInOutSine', 'easeInExpo', 'easeOutExpo', 'easeInOutExpo', 'easeInCirc', 'easeOutCirc', 'easeInOutCirc', 'easeInElastic', 'easeOutElastic', 'easeInOutElastic', 'easeInBack', 'easeOutBack', 'easeInOutBack', 'easeInBounce', 'easeOutBounce', 'easeInOutBounce'.
'Swipe' transition effect
swipeTouchDrag true Indicates whether the swipe effect will work for touch gestures.
swipeMouseDrag true Indicates whether the swipe effect will work when the mouse is used.
swipeOrientation 'horizontal' Sets the orientation of the slides and the direction for which the swipe gestures will work. Available values are 'horizontal' and 'vertical'.
swipeThreshold 50 Sets the minimum amount that the slides need to be dragged in order to navigate to the new slide.
swipeDuration 700 Sets the duration of the swipe transition.
swipeBackDuration 300 Sets the duration of the slide's movement when the drag amount is below the threshold.
swipeSlideDistance 10 Sets the distance between slides.
swipeGrabCursor true Enables the grabbing cursor for the Swipe effect.
swipeEasing 'swing' Sets the easing of the transition. Available values are: 'swing', 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic', 'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart', 'easeInQuint', 'easeOutQuint', 'easeInOutQuint', 'easeInSine', 'easeOutSine', 'easeInOutSine', 'easeInExpo', 'easeOutExpo', 'easeInOutExpo', 'easeInCirc', 'easeOutCirc', 'easeInOutCirc', 'easeInElastic', 'easeOutElastic', 'easeInOutElastic', 'easeInBack', 'easeOutBack', 'easeInOutBack', 'easeInBounce', 'easeOutBounce', 'easeInOutBounce'.
'Fade' transition effect
fadeInDuration 500 Sets the duration of 'in' transition.
fadeInEasing 'swing' Sets the easing type of 'in' transition. Available values are: 'swing', 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic', 'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart', 'easeInQuint', 'easeOutQuint', 'easeInOutQuint', 'easeInSine', 'easeOutSine', 'easeInOutSine', 'easeInExpo', 'easeOutExpo', 'easeInOutExpo', 'easeInCirc', 'easeOutCirc', 'easeInOutCirc', 'easeInElastic', 'easeOutElastic', 'easeInOutElastic', 'easeInBack', 'easeOutBack', 'easeInOutBack', 'easeInBounce', 'easeOutBounce', 'easeInOutBounce'.
fadeOutDuration 500 Sets the duration of 'out' transition.
fadeOutEasing 'swing' Sets the easing type of 'out' transition. Available values are: 'swing', 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic', 'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart', 'easeInQuint', 'easeOutQuint', 'easeInOutQuint', 'easeInSine', 'easeOutSine', 'easeInOutSine', 'easeInExpo', 'easeOutExpo', 'easeInOutExpo', 'easeInCirc', 'easeOutCirc', 'easeInOutCirc', 'easeInElastic', 'easeOutElastic', 'easeInOutElastic', 'easeInBack', 'easeOutBack', 'easeInOutBack', 'easeInBounce', 'easeOutBounce', 'easeInOutBounce'.
'Slice' transition effect
fadePreviousSlide false Indicates whether the previous slide will fade out during transition.
fadePreviousSlideDuration 300 Sets the duration of the fade out animation of the previous slide.
horizontalSlices 5 The number of horizontal slices.
verticalSlices 3 The number of vertical slices.
slicePattern 'random' The order in which the slices will be animated. Available values are: 'randomPattern', 'topToBottom', 'bottomToTop', 'leftToRight', 'rightToLeft', 'topLeftToBottomRight', 'topRightToBottomLeft', 'bottomLeftToTopRight', 'bottomRightToTopLeft', 'horizontalMarginToCenter', 'horizontalCenterToMargin', 'marginToCenter', 'verticalCenterToMargin', 'skipOneTopToBottom', 'skipOneBottomToTop', 'skipOneLeftToRight', 'skipOneRightToLeft', 'skipOneHorizontal', 'skipOneVertical', 'spiralMarginToCenterCW', 'spiralMarginToCenterCCW', 'spiralCenterToMarginCW', 'spiralCenterToMarginCCW' and 'random'.
sliceDelay 50 The delay between each slice animation.
sliceEasing 'swing' Sets the easing of each slice animation. Available values are: 'swing', 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic', 'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart', 'easeInQuint', 'easeOutQuint', 'easeInOutQuint', 'easeInSine', 'easeOutSine', 'easeInOutSine', 'easeInExpo', 'easeOutExpo', 'easeInOutExpo', 'easeInCirc', 'easeOutCirc', 'easeInOutCirc', 'easeInElastic', 'easeOutElastic', 'easeInOutElastic', 'easeInBack', 'easeOutBack', 'easeInOutBack', 'easeInBounce', 'easeOutBounce', 'easeInOutBounce'.
sliceDuration 1000 The duration for each slice animation.
slicePoint 'centerCenter' Determines the starting point for the slice animation when the 'scale', 'width' or 'height' effects are used. Available values are: 'leftTop', 'leftCenter', 'leftBottom', 'centerTop', 'centerCenter', 'centerBottom', 'rightTop', 'rightCenter', 'rightBottom' and 'random'.
slideStartPosition 'left' The starting position of the slice animation when the 'slide' effect is used. Available values are: 'left', 'right', 'top', 'bottom', 'leftTop', 'rightTop', 'leftBottom', 'rightBottom', 'horizontalAlternate', 'verticalAlternate' and 'random'.
slideStartRatio 1 Sets the actual distance between the starting and ending point for the 'slide' animation. The actual distance will be determined by multiplying the slice's width/height to the 'slideStartRatio' property.
sliceFade true Sets the opacity of the slices to 0 and fades them in during the animation.
slideMask false Indicates whether or not the slide will have overflow hidden during the transition.
Slide navigation controls
slideArrows true Displays the right and left arrows.
slideArrowsToggle true If set to true, the arrow buttons will fade in on mouse over and fade out on mouse out. If set to false, the buttons will be visible all the time.
slideArrowsShowDuration 500 Sets the duration for the show animation of the main navigation arrows.
slideArrowsHideDuration 500 Sets the duration for the hide animation of the main navigation arrows.
slideButtons true Displays the navigation buttons.
slideButtonsNumber false Indicates whether numbers will be displayed inside the navigation buttons/bullets.
slideButtonsToggle false Indicates whether the navigation buttons will fade in/out on hover.
slideButtonsShowDuration 500 Sets the duration for the show animation of the main navigation buttons/bullets.
slideButtonsHideDuration 500 Sets the duration for the hide animation of the main navigation buttons.
slideButtonsCenter true Centers the navigation buttons within the container horizontally.
slideButtonsContainerCenter true Centers the container of the navigation buttons horizontally.
keyboardNavigation false Indicates whether keyboard navigation will be enabled. This options allows navigation through the slides by using the left and right arrow keyboard keys. Also, if you have a link attached to a slide, it's possible to open that link by pressing the 'Enter' key.
keyboardNavigationOnFocusOnly false Indicates whether keyboard navigation will be enabled only when the slider has focus.
autoToggle false Indicates whether the navigation controls (slide arrows, slide buttons, slideshow controls) will automatically hide if the mouse pointer doesn't move for a certain time interval, defined by the autoToggleDelay property. The controls will automatically hide only if the control's toggle property (for example, slideArrowsToggle) was set to true.
autoToggleDelay 5000 Sets the delay, in milliseconds, after which the controls will automatically hide.
Thumbnails
thumbnailType 'tooltip' Indicates the way in which the thumbnails will be displayed. Available values are: 'tooltip', 'scroller', 'tooltipAndScroller' and 'none'. If 'tooltip' is used, the thumbnails will slide in on top of the slide buttons when you roll over them. If 'scroller' is used, the thumbnails will appear inside the thumbnail scroller. If 'none' is used, the thumbnails will not be displayed.
thumbnailWidth 80 Sets the width of the thumbnail.
thumbnailHeight 50 Sets the height of the thumbnail.
Tooltip Thumbnails
thumbnailSlideAmount 10 Sets the sliding amount of the thumbnail, when thumbnailsType is set to 'tooltip'.
thumbnailSlideDuration 300 Sets the sliding duration of the thumbnail, when thumbnailsType is set to 'tooltip'.
thumbnailSlideEasing 'swing' Sets the easing of the thumbnail, when thumbnailsType is set to 'tooltip'. Available values are: 'swing', 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic', 'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart', 'easeInQuint', 'easeOutQuint', 'easeInOutQuint', 'easeInSine', 'easeOutSine', 'easeInOutSine', 'easeInExpo', 'easeOutExpo', 'easeInOutExpo', 'easeInCirc', 'easeOutCirc', 'easeInOutCirc', 'easeInElastic', 'easeOutElastic', 'easeInOutElastic', 'easeInBack', 'easeOutBack', 'easeInOutBack', 'easeInBounce', 'easeOutBounce', 'easeInOutBounce'.
Thumbnails Scroller
thumbnailScrollerToggle false Indicates whether the navigation thumbnails will fade in/out on hover.
thumbnailScrollerHideDuration 500 Sets the duration for the fade out animation of the thumbnail scroller.
thumbnailScrollerShowDuration 500 Sets the duration for the fade in animation of the thumbnail scroller.
thumbnailSync true Indicates whether the thumbnail page will always be synchronized with the current slide.
thumbnailScrollerResponsive false Indicates whether the thumbnail scroller will be responsive as well if the slider's size is set in percentages.
thumbnailScrollerOverlay false Indicates whether the thumbnail scroller will be displayed over the slider, instead of outside the slider.
maximumVisibleThumbnails 5 Sets the maximum number of thumbnails per page.
minimumVisibleThumbnails 1 Sets the minimum number of thumbnails per page. This property is useful in a responsive layout.
thumbnailLayers 1 Indicates the number of layers that will be used. Layers can represent either rows, when the thumbnail orientation is set to 'horizontal', or columns, when the thumbnail orientation is set to 'vertical'. In order to use the maximum amount of layers allowed, set this option to -1.
thumbnailOrientation 'horizontal' Indicates whether the thumbnails will be arranged horizontally or vertically. Possible values are 'horizontal' and 'vertical'.
thumbnailScrollerCenter true Indicates whether the navigation thumbnails will be centered relative to the slide.
thumbnailScrollDuration 1000 Sets the duration of the scrolling animation when the thumbnail arrows or thumbnail buttons are used for scrolling.
thumbnailScrollEasing 'swing' Sets the easing of the scrolling animation when the thumbnail arrows or thumbnail buttons are used for scrolling. Possible values are: 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic', 'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart', 'easeInQuint', 'easeOutQuint', 'easeInOutQuint', 'easeInSine', 'easeOutSine', 'easeInOutSine', 'easeInExpo', 'easeOutExpo', 'easeInOutExpo', 'easeInCirc', 'easeOutCirc', 'easeInOutCirc', 'easeInElastic', 'easeOutElastic', 'easeInOutElastic', 'easeInBack', 'easeOutBack', 'easeInOutBack', 'easeInBounce', 'easeOutBounce', 'easeInOutBounce'.
thumbnailScrollbar false Indicates whether the navigation thumbnails will have a scrollbar.
thumbnailButtons false Indicates whether the navigation thumbnails will have buttons (bullets) for navigating through thumbnail pages.
thumbnailArrows true Indicates whether the navigation thumbnails will have arrows for navigating through thumbnail pages.
thumbnailButtonsToggle false Indicates whether the thumbnail buttons will fade in/out on hover.
thumbnailArrowsToggle false Indicates whether the thumbnail arrows will fade in/out on hover.
thumbnailScrollbarToggle false Indicates whether the thumbnail scrollbar will fade in/out on hover.
scrollbarSkin 'scrollbar-1' Sets the skin of the scrollbar.
scrollbarArrowScrollAmount 100 Sets the amount, in pixels, by which the thumbnails will be scrolled when one of the scrollbar's arrows is clicked.
thumbnailArrowsHideDuration 500 Indicates the duration for the fade out animation of the thumbnail arrows.
thumbnailArrowsShowDuration 500 Indicates the duration for the fade in animation of the thumbnail arrows.
thumbnailButtonsHideDuration 500 Indicates the duration for the fade out animation of the thumbnail buttons.
thumbnailButtonsShowDuration 500 Indicates the duration for the fade in animation of the thumbnail buttons.
thumbnailScrollbarHideDuration 500 Indicates the duration for the fade out animation of the thumbnail scrollbar.
thumbnailScrollbarShowDuration 500 Indicates the duration for the fade in animation of the thumbnail scrollbar.
thumbnailScrollbarEase 10 Indicates the easing amount for the scrollbar scrolling.
thumbnailMouseScroll false Indicates whether the thumbnails can be scrolled by moving the mouse over them.
thumbnailMouseScrollEase 90 Sets the ease of the mouse scrolling when the mouse leaves the thumbnails area.
thumbnailMouseScrollSpeed 10 Sets the speed of the thumbnail mouse scrolling.
thumbnailMouseWheel false Indicates whether the thumbnails can be scrolled using the mouse wheel.
thumbnailMouseWheelSpeed 20 Sets the speed of the thumbnail mouse wheel scrolling.
thumbnailMouseWheelReverse false Indicates whether the thumbnails will be scrolled in the opposite direction when mouse wheel scrolling is used.
thumbnailTooltip false Indicates whether the tooltip will be displayed for those thumbnails for which the tooltip content was specified.
tooltipShowDuration 300 Sets the duration of the tooltip's fade in animation.
tooltipHideDuration 300 Sets the duration of the tooltip's fade out animation.
Thumbnail Swipe
thumbnailSwipe false Enables the touch swipe functionality for the thumbnail scroller.
thumbnailSwipeTouchDrag true Indicates whether the thumbnail swipe will work for touch gestures.
thumbnailSwipeMouseDrag true Indicates whether the thumbnail swipe will work when the mouse is used.
thumbnailSwipeThreshold 50 Sets the minimum amount that the thumbnail scroller needs to be dragged in order to navigate to a new thumbnail page.
thumbnailSwipeBackDuration 300 Sets the duration of the thumbnail scroller's movement when the drag amount is below the threshold.
thumbnailSwipeGrabCursor true Enables the grabbing cursor for the thumbnail scroller.
Thumbnail Caption
thumbnailCaption true Indicates whether the thumbnails will display a caption. The thumbnail's caption needs to be specified in the thumbnail's "alt" attribute.
thumbnailCaptionPosition 'bottom' Sets the position of the caption inside the thumbnail. Can be set to 'top' or 'bottom'.
thumbnailCaptionToggle true Indicates whether the thumbnail caption will be hidden/shown on hover.
thumbnailCaptionEffect 'slide' Sets the animation effect type for the captions. Possible values are 'slide' and 'fade'.
thumbnailCaptionShowDuration 500 Sets the duration of the fade/slide in animation of the caption.
thumbnailCaptionHideDuration 500 Sets the duration of the fade/slide out animation of the caption.
thumbnailCaptionEasing 'swing' Sets the easing of the caption's animation. Possible values are: 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic', 'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart', 'easeInQuint', 'easeOutQuint', 'easeInOutQuint', 'easeInSine', 'easeOutSine', 'easeInOutSine', 'easeInExpo', 'easeOutExpo', 'easeInOutExpo', 'easeInCirc', 'easeOutCirc', 'easeInOutCirc', 'easeInElastic', 'easeOutElastic', 'easeInOutElastic', 'easeInBack', 'easeOutBack', 'easeInOutBack', 'easeInBounce', 'easeOutBounce', 'easeInOutBounce'.
Caption
captionToggle false Indicates whether the slide caption will be hidden/shown on hover.
captionPosition 'bottom' Sets the caption's position. Available values are: 'top', 'bottom', 'left', 'right' and 'custom'.
captionBackgroundColor '#000000' Sets the caption's background color.
captionBackgroundOpacity 0.5 Sets the caption's background opacity.
captionSize 70 Sets the width/height of the caption's background, unless the caption's position is 'custom'.
captionLeft 50 Sets the left position of the caption when captionPosition is 'custom'.
captionTop 50 Sets the top position of the caption when captionPosition is 'custom'.
captionWidth 300 Sets the width of the caption when captionPosition is 'custom'.
captionHeight 100 Sets the height of the caption when captionPosition is 'custom'.
captionShowEffect 'slide' Sets the type of effect that will run when the caption appears. Available values are 'fade' and 'slide'.
captionShowEffectDuration 500 Sets the duration, in milliseconds, of the show effect.
captionShowEffectEasing 'swing' Sets the easing of the show effect. Possible values are: 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic', 'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart', 'easeInQuint', 'easeOutQuint', 'easeInOutQuint', 'easeInSine', 'easeOutSine', 'easeInOutSine', 'easeInExpo', 'easeOutExpo', 'easeInOutExpo', 'easeInCirc', 'easeOutCirc', 'easeInOutCirc', 'easeInElastic', 'easeOutElastic', 'easeInOutElastic', 'easeInBack', 'easeOutBack', 'easeInOutBack', 'easeInBounce', 'easeOutBounce', 'easeInOutBounce'.
captionShowSlideDirection 'auto' Sets the direction in which the caption will slide when it appears. Possible values are 'topToBottom', 'bottomToTop', 'leftToRight', 'rightToLeft' and 'auto'. When 'auto' is used, the direction will depend on the captionPosition property. So, if captionPosition is 'top', the caption will slide from top to bottom, if captionPosition is 'left', the caption will slide from left to right, and so on.
captionHideEffect 'fade' Sets the type of effect that will run when the caption is removed. Available values are 'fade' and 'slide'.
captionHideEffectDuration 300 Sets the duration, in milliseconds, of the hide effect.
captionHideSlideDirection 'auto' Similar to the 'captionShowSlideDirection' but applied when the caption is removed.
captionHideEffectEasing 'swing' Sets the easing of the hide effect. Possible values are: 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic', 'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart', 'easeInQuint', 'easeOutQuint', 'easeInOutQuint', 'easeInSine', 'easeOutSine', 'easeInOutSine', 'easeInExpo', 'easeOutExpo', 'easeInOutExpo', 'easeInCirc', 'easeOutCirc', 'easeInOutCirc', 'easeInElastic', 'easeOutElastic', 'easeInOutElastic', 'easeInBack', 'easeOutBack', 'easeInOutBack', 'easeInBounce', 'easeOutBounce', 'easeInOutBounce'.
Video
videoPlayAction 'stopSlideshow' Sets the action that will be triggered when the video starts playing. Possible values are: 'stopSlideshow', 'pauseSlideshow' and 'none'.
videoPauseAction 'none' Sets the action that will be triggered when the video is paused. Possible values are: 'startSlideshow', 'resumeSlideshow' and 'none'.
videoEndAction 'startSlideshow' Sets the action that will be triggered when the video ends. Possible values are: 'resetVideo', 'restartVideo', 'startSlideshow', 'resumeSlideshow', 'nextSlide' and 'none'.
leaveVideoAction 'pauseVideo' Sets the action that will be triggered when the user navigates away from the video. Possible values are: 'pauseVideo', 'stopVideo' and 'pauseVideoAndBuffering'.
reachVideoAction 'none' Sets the action that will be triggered when the user reaches a slide that contains a video. Possible values are: 'playVideo' and 'none'.
jwPlayerPath '' Sets the path to the folder which contains the jwplayer.js and player.swf files.
jwPlayerSkin null Sets the path to the JW Player skin.
slideProperties null An object that allows defining a set of settings for each particular slide.
Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk