试图制作旋转木马滑块

Question

我试图制作一个带有3个幻灯片的简单旋转木马滑块，里面有一些内容，现在的问题是，当我在最后一个时，我不能去第一张幻灯片，所以如果有人可以给的话，我会感激不尽指针我错了。

看看：

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

Answer 1

为每张幻灯片添加slide课程。 （可选）将slider-content[x]声明为id（不要忘记相应地修改CSS）：

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

在点列表上进行类比操作：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

将您的javascript更改为：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

检查Codepen是否符合要求的行为。