jquery - 2 つの異なる要素の値を変更する Jquery UI スライダー

Question

画像のさまざまなレイヤーの不透明度を変更するjqueryスライダーのセットアップのグループがあります。1 つのスライダーが 2 つの 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);
    }                
});