圖片滑塊分頁

Question

我希望爲這個圖片滑塊創建分頁但是我不知道如何去做。任何人都可以幫我嗎？

您可以在這裏看到滑塊：

http://matthewruddy.com/slider

在此先感謝。 馬修。

Answer 1

這裏是我的代碼&演示：http://jsbin.com/apawe4

首先確定的指標li（。第）個元素並根據元素索引對元素進行動畫處理。以下代碼說明我在說什麼=）

$(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()：

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

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