A jQuery Slider Plugin for Desktop and Mobile Browsers both

Yesterday I had posted about "Top & Best 5 Free jQuery Sliders", but problem with the many available sliders are that they are not compatible with Desktop browsers and Mobile platform browsers, which forces developers to use different plugin for different platforms. But today I will show you a jQuery Slider plugin which is available for Desktop and Mobile browsers both.

touchSlider — is a free CSS accelerated jQuery plugin optimized for desktop and mobile browsers. It can be used for sliding images and content. Features are listed below:

• Cross-browser support, desktop and mobile
• CSS accelerated
• Multipurpose options
• Responsive layout
• Ready for images and content
• Callback functions support

The plugin detects if browser supports CSS transitions, resulting with 3 possible options for animation:

• Automatic (3D CSS transition is used if detected)
• JavaScript (jQuery methods will be used for animation)
• No Animation (slider will work with no animation, useful for browsers with poor support of JavaScript like BlackBerry OS 5)

touchSlider has three available modes for sliding:

• Fixed value scrolling. The value can be set in pixels or has percentage value relative to the available width.
• Per item scrolling.
• Automatic mode. When it automatically detects how many items can be placed within the available width.

Using callback functions you may build custom designed controls like previous/next slide, go particular slide by index, display current slide index and much more.

It has been tested and compatible with:

• iOS (iPhone, iPad, iPod Touch)
• Android (all versions)
• BlackBerry OS 6 (Torch)
• WebOS 2 (Palm Pre/Pixi)
• Desktop browsers

• Live Demo
• Download Plugin
• Offical Website

Feel free to contact me for any help related to jQuery, I will gladly help you.