使用类似于带有 localscroll 的导航的幻灯片

发布于 2024-11-06 17:24:02 字数 242 浏览 3 评论 0原文

您如何创建以下内容?

几乎在每张幻灯片上,都有一个上一个和下一个箭头以及一堆点,指示您正在查看的“幻灯片”。我想将其用于整个网站。我将scrollTo-1.4.2与localscroll-1.2.7一起使用,因此用户可以滚动到一堆div。

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

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

How do you create the following?

On virtually every slideshow you have a previous and next arrow and a bunch of dot's indicating what "slide" you're viewing. I'd like to use this for an entire site. I'm using scrollTo-1.4.2 with localscroll-1.2.7, so it's a bunch of div's the user can scroll to.

I'd like to be able to have the dot's and back/next buttons to use like a menu. Does anyone know how to create this, or where I should start to create this?

Thanks!
(If you need me to post the html, js or css I'm using, tell me and I will)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

○愚か者の日 2024-11-13 17:24:02
  1. 制作轮播。 一如既往,我建议使用 jQuery 循环插件。它有很多选项可以真正定制它的功能。

    • 确保您的标记对于非 JavaScript 能够很好地降级。
    • 幻灯片中的每张幻灯片都应具有唯一且易于理解的 ID。
    • 我所做的事情的示例:http://jquery.malsup.com/cycle/

  2. < p>将哈希链接到轮播。当页面加载时,您获取哈希并告诉周期您要在该页面上启动。

如果您需要有关详细信息的帮助,请在这篇文章中发表评论。


更新: http://jsfiddle.net/morrison/QhvCU/embedded /结果/

  1. Make a carousel. As always, I recommend using the jQuery cycle plug-in. It has lots of options to really customize what it can do.

    • Be sure your markup degrades nicely for non-JavaScript.
    • Every slide in your slideshow should have a unique and human-understandable id.
    • An example of something I've done: http://jquery.malsup.com/cycle/
  2. Link the hash to the carousel. When the page loads, you grab the hash and tell cycle that you want to start on that page.

If you need some help with the details, comment on this post.


Update: http://jsfiddle.net/morrison/QhvCU/embedded/result/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文