Project will use a combination of the following scripts and plugins to create a sliding odometer that changes the input field display in a form.
- jQuery UI slider
- jQuery odometer script
- Gravity Forms
There will be two sliders that affect the single odometer number display.
The first slider will default to 100,000 on the display and in 100,000 increments.
The second slider will change the increment value 1,000 - 2,000 - 5,000, 10,000, 20,000, 25,000, 50, 000, 100,000 (default), 200,000 500,000, 1,000,0000
Increments need to be able to be switched at any time without resetting the odometer amount, but changing the increment with which it will be increased or decreased. i.e. with 100,000 on the display and changing the second slider increment to 10,000 will NOT change the odometer amount, it will stay at 100,000. Only when the first slider is changed will the odometer amount change (110,000, 120,000, 130,000 ... or in reverse 90,000, 80,000, etc.)
The odometer slider MUST work within Gravity Forms, just replacing the value of the input field.
Please PMB for project link as well as links to the jQuery Odometer demo / script and style required.
Hi, 4+ years experience with jQuery and jQuery UI. I can integrate jOdometer, jQuery UI Slider in your form field. Let me know any comment/doubt. Regards, David.