마지막 단계에서 이미지를 표시하려면 jQ UI 슬라이더 위젯을 어떻게 설정합니까?

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으로 설정하십시오.