jquery - 最後のステップで画像を表示するようにjQUIスライダーウィジェットを設定するにはどうすればよいですか？

Question

ここでjQueryUIスライダーが機能しています：http：//energync.ehclients.com/slider2.htmlそして私はそれが機能する方法が好きです。微調整を1つ行うだけで、設定されます。

現在、スライダーには3つのステップがあります：1。最初のスライド2.2番目のスライド3.空白。

次のjQueryを2つのステップのみに変更し、スライド1と2のみを表示し、空白を表示しないようにするにはどうすればよいですか？

ありがとう！

    $(function() {
    $('#sliderContent .item:first').addClass('shown').show();
    $("#slider").slider({
        value: 0,
        min: 0,
        max: $('#sliderContent .item').size(),
        step: 1
    }).bind("slide", function(event, ui) {
        var newIndex = ui.value;
        var oldIndex = $('#sliderContent .item').index('.shown');
        if (newIndex != oldIndex) {
            $('.shown').fadeOut(150).removeClass('shown');
            $('#sliderContent .item').eq(newIndex).fadeIn(150).addClass('shown');
        }
    });
});

Answer 1

に設定maxし$('#sliderContent .item').size() - 1ます。