This Coverflow project seeks to create a fully functional 'CoverFlow' effect using a combination of jQuery, jQuery UI components and CSS3 transforms.
items (string):
Any valid jQuery Selector. Default any child element of your coverflow container.
active (int >=0):
active item index on initialisation, zero based. Default the first item gets selected.
duration (int):
animation duration in ms, default 400.
overlap (float):
Configures items overlapping. Value between 0 and 1. Default 0.3.
scale (float):
Configures scaling of inactive items. Value between 0 and 1. Default 0.7.
angle (int):
Angle of item rotation. Defaults to 45°
Only active when 3D mode is available
perspectiveY (int):
Configure perspective angle. Default 45
Only active when 3D mode is available
easing (string):
Easing used for animation. Defaults to ‘easeOutQuint’.
Available easing functions:
The following easings (included in jQuery-ui) are not available as cubic bezier timing functions in CSS3:
easeInOutElastic
trigger (plain object):
automatic event bindings you may want to customize. Your options are:
- itemfocus (*disabled by default, competes with swipe support*)
- itemclick
- mousewheel
- swipe