JavaScript
Article

Mobile TouchSlider jQuery Plugin

By Sam Deering

Today, we have another guest post by mobilizetoday.com for a great new jQuery plugin called TouchSlider.

touch-slider1

About TouchSlider

Working on mobile web projects we realized there is one thing which is in demand in almost all of them. It’s TouchSlider – the jQuery plugin, for mobile. The conditions on making the plugin were the following. Mobile phones have smaller screens and in order to use available space effectively we need something to scroll content whether it’s images or text. It should be based on jQuery. Scrollable area should understand touch events that makes it useful on touch-screen mobile phones like iPhone, Android and so on. To speed up the performance it should be based on CSS transitions rather than native JavaScript. It should work fast on older phones like iPhone 2 or HTC Magic. The plugin should have options to be flexible and useful for different needs. It should also have API to add callback functions. Taking into consideration the above we’ve created the plugin called TouchSlider. Its firsts release was used in the commercial project in July 2011. In August 2011 it was published on GitHub.

TouchSlider Demo

Demos

Features

* 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)

mobilizse-demos

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.
mobilizse-demos2

About the Author

mobilize-today

MobilizeToday.com is a mobile optimization service that may easily turn your existing website to its mobile representation.

No Reader comments

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.