Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I make a JQuery Slider-like feature on iPhone/Android web app?

In the iPhone or Android, if you have a JQuery Slider, it doesn't quite work (touchscreen will move the screen instead of drag the slider.)

like image 506
TIMEX Avatar asked Mar 11 '10 01:03

TIMEX


People also ask

What is jQuery slider?

jQuery UI slider is used to obtain a numeric value within a certain range. The main advantage of slider over text input is that it becomes impossible for the users to enter an invalid value. Every value they can pick with the slider is valid.

What is WOWSlider?

What is WOW Slider? WOW Slider is a jQuery slider with stunning visual effects and tons of professionally made templates. Packed with a point-and-click wizard for Mac & Win.

Is WOWSlider free?

WOWSlider is free for non-commercial use.

How do you add an amazing slider in HTML?

Open the created slider. html file with a text editor or HTML editor, there are two code snippets in the file, you need to copy both snippets to the template where you want to display the slider. You only need to copy the highlighted codes, do not copy codes of the whole file.


2 Answers

You may need to write this from scratch. Luckily, @ppk has coded up an example of drag and drop for iPhone.

like image 118
Andrew Hedges Avatar answered Sep 22 '22 20:09

Andrew Hedges


Listen for touch events and move the slider accordingly. These events also work on Android as it also uses WebKit.

like image 24
Eli Grey Avatar answered Sep 20 '22 20:09

Eli Grey