0

jquery スライダーを使用して 1 から 100 までスライドし、4 つの画像の不透明度を重ねて設定しようとしています。

これまでの私のコードは次のとおりです: http://jsfiddle.net/AtaMQ/現在壊れています

スライドバーに沿ったすべてのステップで、上部の画像の不透明度を-10に下げるように行を更新できると思いまし$('.node:lt(' + step + ')').opacity(ui.value -10);たが、これは機能しません。

透明性を使用する必要がありますか、それとも正しくありませんか?

4

1 に答える 1

1

これを試してください。.css('opacity',value)メソッドがないため、使用する必要が.opacity()あり、値は 0 から 1 までの数値である必要があります。

$('#slider').slider({
    min: 0,
    range: "max",
    max: 1,
    step: 0.01,
    slide: function(event, ui) {
        $('.node').removeClass('highlight');
        var step = Math.floor(ui.value + .5);
        $('.node').css('opacity', 1-ui.value); // from 1 to 0 instead of 0 to 1
    }
});
于 2012-10-08T17:00:05.530 に答える