试图制作旋转木马滑块

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如果它是所需的行为。