Get new jQuery plugins just once a week

×

CoverScroll

FavoriteLoadingAdd to favorites

July 11, 2012

CoverScroll | jQuery plugin for Apple’s coverflow design pattern

coverscroll jquery plugin is a css3 variant of Apple’s Coverflow design pattern .It also works with scroll and items can be added on demand .There are various options you can give to this jquery plugin :-

  var opt = {
    'minfactor':20, // how much is the next item smaller than previous in pixels
    'distribution':1.5, // how apart are the items (items become separated when this value is below 1)
    'scalethreshold':0, // after how many items to start scaling
    'staticbelowthreshold':false, // if true when number of items is below "scalethreshold" - don't animate 
    'titleclass':'itemTitle', // class name of the element containing the item title
    'selectedclass':'selectedItem', // class name of the selected item
    'scrollactive':true, // scroll functionality switch
    'step':{ // compressed items on the side are steps
    	'limit':4, // how many steps should be shown on each side
    	'width':8, // how wide is the visible section of the step in pixels
    	'scale':true // scale down steps
    },
    'bendamount':2, // amount of "bending" of the CoverScroll (values 0.1 to 1 bend down, -0.1 to -1 bend up, 2 is straight (no bending), 1.5 sligtly bends down)
  	'movecallback':function(item){} // callback function triggered after click on an item - parameter is the item's jQuery object
  };
		     

Created by Slobodan Jovanovic

Download

Example

coverscroll

coverscroll jquery plugin is a css3 variant of Apple’s Coverflow design pattern

CoverScroll

Related posts:

SwipeView
jq-tiles
Owl Carousel
coverscroll

http://jquer.in/wp-content/uploads/2012/07/coverscroll.png

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever