尝试制作旋转木马滑块

Question

即时通讯试图制作一个简单的带有3个幻灯片的旋转木马滑块，里面有一些内容，现在的问题是，当即时通讯在最后一个幻灯片上时，我无法转到第一张幻灯片，因此，如果有人能在即时通讯上提供一些指示，我将不胜感激错误。

看一看：

http://codepen.io/anon/pen/bNpYLB enter code here

Answer 1

将slide类添加到每张幻灯片。 （可选）将lider 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(); nextDot = $('.dot').first(); } 

检查Codepen是否是所需的行为。