如何設置jQ UI Slider Widget在最後一步顯示圖像？

Question

我有一個jQuery UI滑塊在這裏工作：http://energync.ehclients.com/slider2.html，我喜歡它的工作方式。我只需要做一個調整，我會被設置。

當前有三個步驟的滑塊：1.第一張幻燈片2.第二張幻燈片3.空白。

如何將以下jQuery修改爲只有兩個步驟，只顯示幻燈片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。