3D Coverflow Effect Slider with jQuery Flipster Carousel

It define the selector for the container of flippin’ items. Default: ‘ul’, Type: String | Object.

EXAMPLE

$("#carousel").flipster({
   itemContainer: 'ul',
});

Selector for children of ‘itemContainer’ to flip. Default: ‘li’, Type: String | Oject.

EXAMPLE

$("#carousel").flipster({
    itemSelector: 'li',
});

Define the style mode for Flipster. Default: ‘coverflow’, Type: String.
Available options are: coverflow | carousel | flat

EXAMPLE

$("#carousel").flipster({
   style: 'coverflow',
});

Decide weather to insert SVG arrows based next and previous buttons. Default: false, Type: Boolean.

EXAMPLE

$("#carousel").flipster({
   buttons: true,
});

Define the text for next and previous buttons. Default: ‘Next’ and ‘Previous’ respectively. Type: String.

EXAMPLE

$("#carousel").flipster({
   buttonNext: "Next",
   buttonPrev: "Previous",
});

Define the zero based index of the starting item. Use ‘center’ to start from the middle. Default: ‘center’, Type: Number.

EXAMPLE

$("#carousel").flipster({
   start: 'center',
});

Define the transition speed in milliseconds for sliding items. Default: 400, Type: Number.

EXAMPLE

$("#carousel").flipster({
   fadeIn: 500,
});

Decide weather to start again sliding items after reaching at end. Default: false, Type: Boolean.

EXAMPLE

$("#carousel").flipster({
   loop: true,
});

This option is useful to set auto play functionality in carousel. Default: false, Type: Boolean | Number.
Pass the number value as milliseconds as interval of auto play.

EXAMPLE

$("#carousel").flipster({
   autoplay: 3000,
});

Decide weather to pause the sliding items on mouse over (hover) the Flipster Carousel. Default: true, Type: Boolean.

EXAMPLE

$("#carousel").flipster({
     pauseOnHover: true,
});

Switch to clicked item in Flipster Carousel. Default: true, Type: Boolean.

EXAMPLE

$("#carousel").flipster({
   click: true,
});

Space between items relative to each item’s width. Default: -0.6, Type: Number.
Available options are: number | 0 for no spacing | negative values to overlap

EXAMPLE

$("#carousel").flipster({
   spacing: -0.6,
});

Decide to insert the navigation before the Flipster items. Default: false, Type: Boolean.

EXAMPLE

$("#carousel").flipster({
   nav: true,
});

Allow / dissallow keyboard arrow keys navigation for Flipster items. Default: true, Type: Boolean.

EXAMPLE

$("#carousel").flipster({
   keyboard: true,
});

Decide weather to enable / disable Flipster navigation on mouse wheel. Default: true, Type: Boolean.

EXAMPLE

$("#carousel").flipster({
   scrollwheel: true,
});

Enable / disable swipe navigation on touch devices. Default: true, Type: Boolean.

EXAMPLE

$("#carousel").flipster({
    touch: true,
});

Trigger the custom function on item switch. Default: false, Type: function.
Arguments received: [currentItem, previousItem]

EXAMPLE

$("#carousel").flipster({
    onItemSwitch: function{
	   // Code to execute 
	}
});