Input range

Input range

It was not easy to make a range slider in HTML. Now it is easy with the input range type.

1<input type="range" value="60" min="0" max="100" />

And jQuery mobile makes the range input friendly to touch interaction.

Jquery input range

More detail document on jQuery mobile site.

http://demos.jquerymobile.com/1.2.1/docs/forms/slider/

What’s next? We’re going to take a look at “Project 10 – Canvas Drawing”.

overlaied image when clicked on thumbnail

Makzan | Mobile web app dev with phonegap | Table of Content