Jquery UI滑块，用于更改两个不同元素的值

Question

我有一组jquery滑块设置，用于更改图像不同图层的不透明度。我试图找出如何使用它，这样一个滑块将改变两个div的不透明度，但方向相反。因此，当一个人的价值向0％移动时，另一个人的价值趋向于100％。

我有这样的设置，但我不确定如何修改它：

$('#slider3').slider({ 
    min: 0, 
    max: 1, 
    step: 0.01, 
    value: 1,
    orientation: "horizontal",
    slide: function(e,ui){
                 $('#nebula').css('opacity', ui.value)

         }                
    });

非常感谢能够帮助我的人。

Answer 1

听起来您只需要将1 - ui.value用于其他图片的不透明度。例如，如果您的其他图片的ID为inverse：

$('#slider3').slider({ 
    min: 0, 
    max: 1, 
    step: 0.01, 
    value: 1,
    orientation: "horizontal",
    slide: function(e,ui){
        var val = ui.value;
        $('#nebula').css('opacity', val);
        $('#inverse').css('opacity', 1 - val);
    }                
});