Coverflow Carousel

carousel

The HTML

coverhtml

You can add as many items you want, simply duplicate a li class and change the name of the image.

Each image has a caption with a title & a description.

The images can be found in the assets / coverflow folder.

 

The Javascript options

coverjs

You have the following options:

  • autoplay – set it to true or false if you want to autoplay or not
  • autoplay speed – 1000 means 1 second
  • start – select from where to start the coverflow – from the center or 0 or another one
  • enable keyboard – set it to true if you wish to have keyboard navigation
  • enable mousewheel – set it to true if you wish to enable mousewheel navigation
  • enable nav buttons – set it to true if you wish to display next / prev buttons