Мобильный слайдер jQuery: как использовать пользовательский масштаб?

Question

У меня есть слайдер jQuery Mobile.Допустим, диапазон составляет от 1 до 100. Мне нужно сделать шкалу экспоненциальной.Другими словами, перемещение большого пальца на заданное количество пикселей с левой стороны будет иметь меньший эффект, чем смещение его на то же количество пикселей с правой стороны, к 100. Моя цель здесь - упростить выбор значений,1, 2, 3, 4, 5. Различать 96 и 100 необязательно.Поэтому я хочу посвятить больше диапазона ползунка более низким значениям.

У кого-нибудь есть идеи о том, как это может работать?Или альтернативные подходы для решения этой проблемы?

Answer 1

В итоге я реализовал решение, изменив исходный код jQuery Mobile для своего виджета-слайдера, чтобы соответствовать моим потребностям.

Вот ссылка на рабочую версию, если кому-то интересно: http://media.pokerslug.com/js/jqm/eslide.js

Использует простое отношение x * x для масштабирования. Чтобы использовать его, позвоните $(element).eslider(), но убедитесь, что у цели нет атрибута "type = range".

Краткое демо можно найти здесь: http://jsfiddle.net/4XrhA/