Javascript/Jquery要素カルーセル

Question

javascript/jqueryカルーセルを作成しようとしています。私は順序のないリストを持ち、ulistの中にはもっとリストがあります。私最初はで点灯取得：ボタン-前の私は、リストを表示するに

list = $(wrapper).find("li:eq(1)").show() 

：私はそれのようになりので、それは次のリストを表示したいボタン横の下で

list = $(wrapper).find("li:eq(0)").show() 

前のリスト。

Answer 1

現在のリストを追跡するための変数を導入してください。ユーザーが次のボタンをクリックすると、前のボタンをクリックすると1ずつ増えます。次に、この変数をセレクタで使用します。

list = $(wrapper).find("li:eq("+ currentList +")").show() 

追記：あなたはとてもcurrentListをチェックするいくつかの境界を紹介したいかもしれませんが0を下回る、決してあなたが利用可能なリストの数を超えません。

//On previous click 
if(currentList - 1 > 0){ 
    //do something 
} 


//assign a variable to keep track of the upper bounds 
var maxList = $(wrapper).find('li').length; 

//On next click 
if(currentList + 1 < maxList - 1){ 
    //do something 
}