使用localscroll导航等幻灯片

时间:2011-05-11 16:52:48

标签: javascript jquery slideshow scrollto

如何创建以下内容?

几乎在每个幻灯片中,你都有一个上一个和下一个箭头,还有一串点表示你正在查看的“幻灯片”。我想将它用于整个网站。我正在使用带有localscroll-1.2.7的scrollTo-1.4.2,所以它是用户可以滚动到的一堆div。

我希望能够像点菜单一样使用点和后退/下一个按钮。有谁知道如何创建这个,或者我应该从哪里开始创建它?

谢谢! (如果你需要我发布我正在使用的html,js或css,请告诉我,我会)

1 个答案:

答案 0 :(得分:1)

  1. 制作旋转木马。与往常一样,我建议使用jQuery cycle plug-in。它有很多选项来真正定制它可以做什么。

    • 确保您的标记在非JavaScript中很好地降级。
    • 幻灯片中的每张幻灯片都应该有一个独特且易于理解的ID。
    • 我做过的一个例子:http://jquery.malsup.com/cycle/
  2. 将哈希链接到轮播。当页面加载时,您获取哈希并告诉周期您要在该页面上开始。

  3. 如果您需要有关详细信息的帮助,请对此信息发表评论。


    更新: http://jsfiddle.net/morrison/QhvCU/embedded/result/