php - 動的php値を持つjQueryUIスライダー

Question

MySQLデータベースからの2つの値の違いを表示したいスライダーを配置しました。これまでのところ、少しずれているようです。これが私のコードです。

PHP コード:

$warOffenderRespect = $r['warOffenderRespect'];
$warDefenderRespect = $r['warDefenderRespect'];


$totalrespect=$warOffenderRespect+$warDefenderRespect;


$percentage=round($warDefenderRespect/$totalrespect*100);

if($warDefenderRespect>$warOffenderRespect)
{
    $max = $warDefenderRespect;
    $value = $warOffenderRespect;
    $range='max';
}
else
{
    $max = $warOffenderRespect; 
    $value = $warDefenderRespect;
    $range='min';
}

JS コード:

$(function() {
$( "#slider-range<?php echo $slidercnt; ?>" ).slider({
  range: "<?php echo $range; ?>",
  value: <?php echo $value; ?>,
  min: 0,
  max: <?php echo $max; ?>,
  /*
  slide: function( event, ui ) {
    $( "#amount" ).val( "$" + ui.value );
  }
  */
});
$('#slider-range<?php echo $slidercnt; ?>').unbind('mousedown');


});

HTML コード:

<div id="slider-range<?php echo $slidercnt; ?>" style='width:200px;'></div>

スライダーは表示されていますが、精度はかなりずれているようです。