jQuery images Scroller effect

Scroller is a plugin for jQuery that allows display images in the form of round markers

 

JavaScript

$('.scroller').scroller({
element: 'a', // (string) HTML element
direction: 'horizontal', // (string) available options: horizontal, vertical
container: {
name: 'inside', // (string) class name for the container
easing: 'easeOutBack', // (string) set the easing of the animation, required: jQuery Easing plugin: http://gsgd.co.uk/sandbox/jquery/easing/
duration: 800 // (int) set the speed of the easing animation in milliseconds
},
options: {
margin: -20, // (int) set the margin for each element
zoom: 1.5, // (int) zoom multiplier
easing: ['easeOutBack', 'easeOutBounce'],
duration: [300, 500]
},
onclick: function(a, img){},
onmouseover: function(a, img){},
onmouseout: function(a, img){}
});

HTML

alt
alt
alt
alt

Download: http://www.htmldrive.net/items/download/1158

Leave a comment