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.

featured-content-slider-using-jquery-ui

• Source: http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/
• Demo: http://demo.webdeveloperplus.com/featured-content-slider/
• Download: http://demo.webdeveloperplus.com/source-code/featured-content-slider.zip

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.

easy-slider-jquery-plugin

• Source: http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
• Demo: http://cssglobe.com/lab/easyslider1.5/04.html
• Download: http://cssglobe.com/lab/easyslider1.5/easySlider1.5.zip

Creating a Slick Auto-Playing Featured Content Slider is a tutorial written by Chris Coyier from CSS-Tricks.com. This script is based on the Coda Slider. It has additional features such as:

• Different types of custom content in the panels.
• Auto-play.
• Arrow Indicator.

• Source: http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/
• Demo: http://css-tricks.com/examples/FeaturedContentSlider/
• Download: http://css-tricks.com/examples/FeaturedContentSlider.zip

Start/Stop Slider – a tutorial by Chris Coyier from Css-Tricks.com.

start-stop-slider

• Source: http://css-tricks.com/startstop-slider/
• Demo: http://css-tricks.com/examples/StartStopSlider
• Download: http://css-tricks.com/examples/StartStopSlider.zip

Step By Step To Create Content Slider using jFlow, A Minimalist jQuery Plugin – a tutorial from WebDesignBooth that explains you how to create a simple content slider using the powerful library JQuery.

a-content-slider-using-jflow-a-minimalist-jquery-plugin

• Source: http://www.webdesignbooth.com/step-by-step-to-create-content-slider-using-jflow-a-minimalist-jquery-plugin/
• Demo: http://demo.webdesignbooth.com/content-slider/
• Download: http://www.webdesignbooth.com/wp-content/uploads/2009/05/content-slider.zip

Build a Content Slider with jQuery – a tutorial by Jason Lengstorf from Ennui Design

content-slider

• Source: http://www.brenelz.com/blog/2009/03/31/build-a-content-slider-with-jquery/
• Demo: http://ennuidesign.com/demo/contentslider/
• Download: http://www.brenelz.com/blog/files/EnnuiDesign_ContentSlider.zip

BarackSlideshow is a very tiny and lightweight slideslow script, inspired by the slideshow in Barack Obama website. The script takes the power of MorphList to enhance visualization and navigation of the images.

BarackSlideshow

• Source: http://devthought.com/projects/mootools/barackslideshow/
• Demo: http://devthought.com/wp-content/projects/mootools/barackslideshow/Demo/
• Download: http://devthought.com/downloads/barackslideshow-latest.zip

Making a Content Slider with jQuery UI – a very well explained step by step tutorial by Dan Wellman for NetTuts.

Making-a-Content-Slider-with-jQuery-UI

• Source: http://net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/
• Demo: http://nettuts.s3.amazonaws.com/377_slider/slider_sourcefiles/slider.html
• Download: http://nettuts.s3.amazonaws.com/377_slider/slider_sourcefiles.zip

JC Play List is free and easy to use Flash component created especially for easy visual representation of multimedia lists such as XMLs, RSS 2.0 feeds from Picasa and Flickr. This application can be used to display any kinds of lists including items that contain images, titles, descriptions, index numbers, custom backgrounds and overlays, additional information etc.

Features include:

• Easy to customize
• Display items in vertical and horizontal position
• Can be used directly without coding with different components such as JC Player or Loader Pro V3
• Multiple skins (Horizontal Skin, Minimal Skin, Thumbnail Slider Skin, Mini Skin)

jc-play-list

JC Play List is a fla-based component and includes all the assets it needs, including the UIScrollBar component. For this reason it is an easy to customize component. All you have to do is access the skin assets that are added to the Library when you place the component on the stage or by simply doubleclicking on the JC Play List instance to access the skin embedded into it.

• Compatibility: ActionScript: 3.0, Flash IDE: Adobe Flash CS3, Adobe Flash CS4, FlashPlayer: FlashPlayer 9 +
• Source: http://www.jumpeyecomponents.com/Flash-Components/User-Interface/JC-Play-List-285/
• Demo: http://www.jumpeyecomponents.com/Flash-Components/User-Interface/JC-Play-List-285/examples.htm

AnythingSlider jQuery Plugin is an attempt at bringing together the functionality of all of those previous sliders and adding new features. This is the first JQuery Content Slider Plugin released by CSS-Tricks.

Features include:

• Slides are HTML Content (can be anything)
• Next Slide / Previous Slide Arrows
• Navigation tabs are built and added dynamically (any number of slides)
• Optional custom function for formatting navigation text
• Auto-playing (optional feature, can start playing or stopped)
• Each slide has a hashtag (can link directly to specific slides)
• Infinite/Continuous sliding (always slides in the direction you are going, even at “last” slide)
• Multiple sliders allowable per-page (hashtags only work on first)
• Pauses autoPlay on hover (option)
• Link to specific slides from static text links

anything-slider

This new AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. In other words, to create a really “full featured” slider that could be widely useful.

• Source: http://css-tricks.com/anythingslider-jquery-plugin/
• Demo: http://css-tricks.com/examples/AnythingSlider/
• Download: http://css-tricks.com/examples/AnythingSlider.zip

[ from: bitrepository.com ]