Использование jQuery UI Slider динамически?

Question

У меня есть слайдер jQuery UI, в котором, если пользователь вводит числа во входной элемент, ползунок перемещается соответствующим образом.

$("#slider-range-min").slider({ 
      range: "min", 
      value: 1, 
      step: 1000, 
      min: 0, 
      max: 5000000, 
      slide: function (event, ui) { 
       $("input").val(ui.value); 
      } 
     }); 
     $("input").change(function (event) { 
      var value1 = $("input").val(); 
      $("#slider-range-min").slider("option", "value", value1); 
     }); 

Но что мне нужно, я хочу ползунок, чтобы быть в середине любого значения, я ввести в текстовом поле в первый раз, а затем, если я переместить ползунок Rightside означает мое значение в текстовом поле должно увеличить и для левой стороны он должен уменьшаться, не устанавливая эти минимальные и максимальные значения.

Любое предложение?

EDIT: то, что мне нужно, когда я ввожу 500 в текстовое поле, мой ползунок должен автоматически перемещаться в центр. Если я перемещаю ползунок, то конец должен быть 1000, а для левой стороны - 0, и если я вхожу 400 должен автоматически перемещаться в центральное положение, а правозащитный конец должен быть 800 и влево 0

Answer 1

Итак, что вам нужно, чтобы в основном изменить диапазон ползунков от 0 до двойного значения, которое вводится в текстовое поле? Я думаю, что вы можете использовать опцию «» метода на ползунке, такие как:

$("input").change(function (event) { 
    var value1 = parseFloat($("input").val()); 
    var highVal = value1 * 2; 
    $("#slider-range-min").slider("option", {"max": highVal, "value": value1}); 
}); 

Edit: вот скрипка - http://jsfiddle.net/cXYC4/

Answer 2

Я не уверен, но это может работать: http://flowplayer.org/tools/rangeinput/