Javascript JQuery滑块基于滑块值更改img

我试图获得我的滑块值，以识别其值并更改图像。对于jquery的默认功能，这是一个竖起大拇指，竖起大拇指的概念。因此，如果用户向左滑动（拇指朝下），请更改img css（不透明度）以显示所选内容

我以为这就足够了，但实际上它完全移除了滑块

if ui.value >= 51{
  $('img.up').css('opacity','.8');
  alert('cool');
}
if ui.value <= 49{
    $('img.down').css('opacity','.8');
    alert('too bad');
}

如果ui.value>=51{
$（'img.up'）.css（'opacity'，'.8'）；
警惕（“冷静”）；
}
if ui.value您忘记在
if
语句中添加括号

$('img.up, img.down').css('opacity','.4');
if (ui.value >= 51) {
  $('img.up').css('opacity','.8');
}
if (ui.value <= 49) {
  $('img.down').css('opacity','.8');
}

$（'img.up，img.down'）.css（'opacity'，'.4'）；
如果（ui.value>=51）{
$（'img.up'）.css（'opacity'，'.8'）；
}
如果（ui.value我已经更新了你的提琴。如果我没有错，这就是你想要的最终结果。请尝试此代码并检查提琴

$("#slider").slider({
 value:50,
 min: 0,
 max: 100,
 step: 50,
 slide: function( event, ui ) {
 if (ui.value >= 51){
     $('img.up').css('opacity','.8');
     $('img.down').css('opacity','.4');  
 }
 if (ui.value <= 49){
    $('img.down').css('opacity','.8');
    $('img.up').css('opacity','.4');
 }
}
});

$（“#滑块”）.滑块({
价值：50，
分:0,，
最高：100，
步骤：50，
幻灯片：功能（事件、用户界面）{
如果（ui.value>=51）{
$（'img.up'）.css（'opacity'，'.8'）；
$（'img.down'）.css（'opacity'，'.4'）；
}
if（ui.valueif语句缺少括号

$("#slider").slider({
      value:50,
      min: 0,
      max: 100,
      step: 50,
      slide: function( event, ui ) {
        if (ui.value >= 51){
          $('img.up').css('opacity','.8');
          alert('cool');
        }
        if (ui.value <= 49){
            $('img.down').css('opacity','.8');
            alert('too bad');
        }
      }
    });

$（“#滑块”）.滑块({
价值：50，
分:0,，
最高：100，
步骤：50，
幻灯片：功能（事件、用户界面）{
如果（ui.value>=51）{
$（'img.up'）.css（'opacity'，'.8'）；
警惕（“冷静”）；
}
if（ui.value）