制作一个简单的jQuery轮播

时间:2012-06-17 23:42:18

标签: jquery slideshow show-hide

我想创建一个非常简单的jQuery轮播,通过一组控件“后退”进行推进“前进”,无限循环。似乎所有现成的功能都比我想要的功能更多。

我现在的结构看起来像这样。 HTML:

<section id="content">
  <a class="back">Back</a>
  <a class="forward"/>Forward</a>

  <article>
   <p>Lorem ipsum</p>
  </article>

  <article>
   <p>Lorem ipsum</p>
  </article>

  <article>
   <p>Lorem ipsum</p>
  </article>

</section>

堆栈中的第一个是页面加载时的默认值,我想在它向前移动时向左移动,在向后移动时向右移动。

关于jQuery中这可能是什么样子的任何指针?

1 个答案:

答案 0 :(得分:1)

30 days to learn jQuery教程中的一个(实际上是两个)课程是一个简单的滑块实现,可以帮助您构建自己的轮播:

http://tutsplus.com/lesson/the-obligatory-slider/
http://tutsplus.com/lesson/prototypal-inheritance-and-refactoring-the-slider/