Nivo Slider is a simple and lightweight (weights only 5kb packed) JQuery Image Slider Plugin that supports up to 9 unique transition effects: sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, random. You can add your own custom style to the slider including: next/prev arrows, nav bullets, stylesheet. The slider is available for download in 2 versions: Production (5kb Packed) and Development (10kb Uncompressed).

Features include:

• 9 unique transition effects
• Simple clean & valid markup
• Loads of settings to tweak
• Built in directional and control navigation

How to call the plugin?

<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        effect: 'random',
        slices: 15,
        animSpeed: 500,
        pauseTime: 3000,
        directionNav: true, // Next & Prev
        directionNavHide: true, // Only show on hover
        controlNav: true, // 1,2,3...
        beforeChange: function(){},
        afterChange: function(){}
    });
});
</script>

Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!