Support Help, Documentation & Customization

Integer – The speed in milliseconds at which the movement of each slide happens (default: 500).

String – The easing method to transition between each slide. jQuery by default only has 'linear' and 'swing' as options, so you will need to load an additional jQuery easing library for more options. (default: 'swing')

Pro Version Feature String – This option changes the default slide transition to fade, flip, flipHorizontal, stack. (default: slide)

// Change the slide transition
$('dl.slidedeck').slidedeck({
	slideTransition: 'fade'
});

Integer – The slide to start on (default: 1)

This option can be passed a boolean value to turn on/off the slide indexes. You can also optionally pass an array for the index labels. (default: true)

// Turn off the spine index numbers
$('dl.slidedeck').slidedeck({
	index: false
});

// Use custom text for the spine labels
$('dl.slidedeck').slidedeck({
    index: ['A','B','C','D','E','F','G']
});

Boolean – This option can be passed a boolean value to turn on/off the mouse wheel scrolling ability (which requires a mouse wheel extension to operate). You can also set this to the string value 'stop' to prevent the window from scrolling when the mouse cursor is hovering over the SlideDeck. (default: true)

Boolean – This option can be passed a boolean value to turn on/off the ability to navigate the SlideDeck with the left and right arrow keys (default: true).

Boolean – Add a tag to each slide that will act as a small indicator overlapping the content (default: true).

Boolean – Hide the spines (slide titles) for each slide to get more space for your slides (default: false).

Boolean – Automatically progress through slides. AutoPlay will stop autoplaying if a user interacts with the SlideDeck navigation (default: false).

Integer – The interval at which the slides should progress at in milliseconds. This option is only used if autoPlay is turned on (default: 5000).

Boolean – Automatically cycle the SlideDeck back to the first slide when using the keyboard or mouse to navigate. This feature is also useful when used in conjunction with the autoPlay option (default: false).

Pro Version Feature Boolean – Lock down slides to prevent the user from interacting with the SlideDeck. Use the .progressTo(#) method go to a slide and unlock access to the slides between. This option is useful for controlled, multi-step forms (default: false).

Pro Version Feature String – Specify the slide titles to be refreshed upon slide animation when using cufon font treatment on slide titles. NOTE: When you define Cufon.replace() definitions, it is recommended you specify a definition specifically for your slide titles and then pass that specification to this option.

// Have a Cufon.replace() action specifying the slide titles
Cufon.replace('dl.slidedeck dt');

// Pass the CSS path to the cufonRefresh option
$('dl.slidedeck').slidedeck({
	cufonRefresh: 'dl.slidedeck dt'
});

Pro Version Feature Function – Pass a function to run after the user has moved to a slide. This function will be run on each slide and receives the SlideDeck object as a parameter so it can be interacted with in the function.

$('#deck_1').slidedeck({
	complete: function(deck){
		// Alert the current slide number after animating
		alert(deck.current);
	}
});

Pro Version Feature Function – Pass a function to run before the user has moved to a slide. This function will be run on each slide and receives the SlideDeck object as a parameter so it can be interacted with in the function.

$('#deck_1').slidedeck({
	before: function(deck){
		// Alert the current slide number before animating
		alert(deck.current);
	}
});

Pro Version Feature Boolean – This option can be passed a boolean value to turn on/off touch support for the SlideDeck. On by default (default: true).

Pro Version Feature Object- This option can be passed an object with the keys of x & y and values as integers. This controls the distance threshold for supported touch devices. The higher the coordinate value the greater the gesture movement is required to perform a swipe action (default: { x:50, y:50} ).

// Set the touchThreshold to 100 for both x & y
$('dl.slidedeck').slidedeck({
	touchThreshold: {x:100, y:100}
});