Слайдер, как сделать «шаг» изменения размера - JQuery

Question

Я хочу что-то сделать: http://astro.unl.edu/naap/hr/animations/hrExplorer.html

Этот пример во Flash, а я делаю в JQuery.

Смотри мой код: http://jsfiddle.net/NYZrz/9/

У меня проблема с "шагом" ползунка. В первой ссылке значение начинается с 1,0, минимум = 0,00010 и максимум: 1000000

Я хочу, чтобы горизонтальный слайдер выглядел так:

0,00010 | 0,00012 | 0,00014 | 0,00017 | .... | 0,0090 | 0,011 | .... | 0.10 | 0,12 | 0,14 | ... | 1.0 | 1,2 | 1.4 | ... | 9,0 | 11 | 13 | 16 | .... | 5400 | ... | * 1000000 * 1013

Но мой код этого не делает.

Можете ли вы помочь мне ??

Спасибо ....

Answer 1

Используйте num.toPrecision(2) вместо toFixed, чтобы всегда получать 2 значащие цифры.Я обновил вашу скрипку .

РЕДАКТИРОВАТЬ .Чтобы сделать числа меньше 10, достаточно просто:

var _num = (num < 10) ? num.toPrecision(2) : Math.round(num)

(num < 10 вместо num < 1)

I снова обновил скрипку .