以不同的範圍執行相同的百分比計算

Question

我正在使用範圍爲0到100％的滑塊來移動圖像，通過根據滑塊值獲取背景圖像的左側來實現完美的工作，現在我想執行相同的功能，但滑塊有範圍 - 75到75誰我可以計算出相同的左側，這樣在滑塊值75之成爲等於我是本週在數學上面的滑塊值100請點我在正確的方向

野兔是代碼 jsfiddle

 // when range from 0 to 100 
$("#sliderAbove").slider({ 
    min: 0, 
    max: 100, 
    slide: function(event, ui) { 
     var backImgwidth = $("#backgroundImg").width(); 
     var left = ((backImgwidth/100) * (ui.value)) ; 
     $("#dragable").css("left",left); 
    $("#above").val(ui.value); 
    } 

Answer 1

這裏是代碼

$(document).ready(function() { 
    $("#dragable").draggable(); 

    $("#sliderbelow").slider({ 
     min: 0, 
     max: 75, 
     slide: function (event, ui) { 
      var backImgwidth = $("#backgroundImg").width(); 
      var draggableWidth = $('#dragable').width(); 

      var diff = Number(backImgwidth) - Number(draggableWidth); 
      var factor = diff/75; 

      var left = (factor * (ui.value)); 

      $("#dragable").css("left", left); 
      $("#below").val(ui.value); 
     } 
    }); 

}); 

這裏是demo