Submit your widget

jQuery images Scroller effect

Created 11 years ago   Views 36464   downloads 7147    Author jscraft
jQuery images Scroller effect
View DemoDownload
Share |

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


    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:
    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){}


    <div class="scroller">
    <div class="inside">
    <a href="#"><img src="assets/img1.jpg" alt="" /></a>
    <a href="#"><img src="assets/img2.jpg" alt="" /></a>
    <a href="#"><img src="assets/img3.jpg" alt="" /></a>
    <a href="#"><img src="assets/img4.jpg" alt="" /></a>
    <!-- etc. -->

The article source: