試圖製作旋轉木馬滑塊

Question

即時試圖做一個簡單的旋轉木馬滑塊與3幻燈片與一些內容裏面，現在的問題是，我不能讓第一張幻燈片時，即時在最後一個，所以我會感謝如果任何人都可以給我幾個指針，即時通訊錯誤。

請看：

http://codepen.io/anon/pen/bNpYLBenter code here

Answer 1

添加slide類每張幻燈片。可選，聲明slider-content[x]作爲id（不要忘了相應修改CSS）：

<div class="slide" id="slider-content3"> 

進行點列表類比操作：

<ul class="slider-dots"> 
 
    <li class="dot active-dot">&bull;</li> 
 
    <li class="dot">&bull;</li> 
 
    <li class="dot">&bull;</li> 
 
</ul>

，改變你的JavaScript來：

if(nextSlide.length === 0) { 
 
     nextSlide = $('.slide').first(); 
 
\t nextDot = $('.dot').first(); 
 
} 
 
\t

檢查Codepen如果它是所需的行爲。