Image Slider 페이지 매기기

Question

나는이 이미지 슬라이더에 대해 페이지 매김을 만들고 싶지만 어떻게 만들지 전혀 모른다. 아무도 나를 도울 수 있습니까? 사전에

http://matthewruddy.com/slider

감사 :

당신은 여기에 슬라이더를 볼 수 있습니다. Matthew.

Answer 1

여기 & 데모 내 코드입니다 li (.page) 요소와 요소의 색인에 따라 요소의 애니메이션을 적용합니다. 다음 코드는 내가 무슨 말을하고 있는지 말합니다.)

$(document).ready(function(){ 
    var sliderwidth = 500; 
    $('#navigation li').bind('click',function() { 
    $('.slider').animate({left:"-" + sliderwidth * $(this).index() },1000); 
    }); 
}) 

Answer 2

currentimage 변수를 사용하여보고있는 이미지를 제어하고 이동하려는 경우 클릭 한 숫자를 캡처하여 currentimage = number - 1으로 만들 수 있습니다. 그럼 그냥 비슷 기능으로 공급의 문제가 될 것입니다 당신이 이미 nextnumber()에 일을하는지 : http://jsbin.com/apawe4

최초의 인덱스를 식별 :

$('li.page').click(function(){ 
    // Get the clicked number 
    var currentimage = parseInt($(this).text()) - 1; 

    // Paging function similar to nextnumber() 
    page(currentimage); 
});