Coin Slider is a lightweight (8 kb) jQuery Image Slider plugin with Unique Transition Effects such as swirl, rain and straight. This plugin has lot of options to helping you set slider as you want. For instance you can customize it to have a 900px wide slider, without navigation and with 5sec delay between images.

This image slider is cross-browser compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+ and requires 3 files to be included in the web page: jQuery file, Coin Slider JavaScript file and CSS file.

• Unique transition effects
• Valid markup
• Flexible configuration
• Auto slide
• Navigation box
• Linking images
• Fully customizable using CSS

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>

jQuery UI selectToUISlider Plugin uses progressive enhancement to replace an already-functional HTML select element with a JQuery UI Slider control. Having both ARIA and tabindex support, it adds a number of features for both visual users and those on assistive technologies. The user is able to make a choice even with JavaScript disabled, since the select element can be used if the slider is unavailable.

Read more from this entry…

Are you interested in implementing a content slider in your website? Checkout this list!

Create Featured Content Slider Using jQuery UI by Web Developer Plus – This is a nice tutorial that teaches you how to “show off the best content of your website or blog in a nice intuitive way” in order to “catch more eyeballs”. One of the techniques to show the featured content is the auto-playing content slider.

Easy Slider is a JQuery Plugin that “enables images or any content to slide horizontally or vertically on click”.

Features include:

• Auto Slide
• Continuous Sliding
• ‘Go to first’ and ‘Go to last’ buttons
• Vertical Sliding
• Hiding Controls
• Optional wrapping markup for control buttons
• Multiple Sliders on one page

This slider script is simple to implement, lightweight and easy CSS customizable.

View more excellent sliders…