如何设置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。