jQuery滑塊幫助

我正在創建自己的自定義內容滑塊，並想知道最好的方法是使用jQuery。jQuery滑塊幫助

我想要有兩個按鈕之前/之後。當用戶點擊下一個時，當前幻燈片將向左滑動並顯示新幻燈片。

我應該如何去做這個jQuery？我會使用一個插件，但在定製時它們非常煩人。

到目前爲止的代碼：

<!--Main slider content--> 
    <div class="contentslider_content" style=" float:left; width:890px; height:300px; border:1px solid #CCC; overflow:hidden;"> 

    <div class="contentslider_slides slide_1" style=" float:left; width:890px; height:300px; background-color:#0F3"></div> 

    <div class="contentslider_slides slide_2" style=" float:left; width:890px; height:300px; background-color:#ccc"></div> 

    <div class="contentslider_slides slide_3" style=" float:left; width:890px; height:300px; background-color:#ccc"></div> 

    </div> 
    <!--Main slider content--> 

<button class="next">Next</button> 

<button class="previous">Previous</button>

來源

2010-09-06 user342391

這是我的方法：http://jsfiddle.net/UpDcS/3/

我在做什麼是（基本上）：所有項目均默認爲隱藏，並在視口中絕對定位。我創建了兩個函數，它們包含了獲取幻燈片中下一個/上一個元素的邏輯，以便可以無限滾動。通過將新項目設置在當前項目的左側/右側並將兩個項目均移動100％來實現滑動。在此之後，（現在）舊項目再次隱藏。我希望你能弄清楚細節。這應該是一個很好的起點。

來源

2010-09-06 23:08:34 jwueller

我的答案是不看好JQ代碼本身 - 它是關於概念。

我提出的類似的東西我自己：

創建X元素，而X是在靜點顯示的元素的數量（假設1）加2個，一個在右邊，一個在左邊。我將它們命名爲「lefter」 - 「中心」 - 「點對點」
創建與我想要顯示（HTML創建和JQ將其收集到一個JS數組）
的按鈕簡單地把內容元素的數組innerLevel，lefter，center和righter元素。
然後將JS將選擇的兩個選項之一：
- 左移=從100％調整大小lefter爲0（可以ADDA淡入淡出效果，當它是在5％..）
- 做相同，但是在右邊。

而且，作爲定製..這幾乎是 '風格自由'，只是它的CSS。

希望我明白你的問題，它正在回答它。貝納

來源

2010-09-06 22:49:59 yossi

jQuery滑塊幫助

回答

相關問題