关于 jQuery.HISTORY 的问题 --- 上一个/下一个按钮和页数

发布于 2024-09-29 04:57:41 字数 257 浏览 1 评论 0原文

我对 jQuery 很陌生，在解决这里的问题时遇到了一些问题:)

我想创建一个类似这样的画廊。

    [IMAGE]

[previous / next]

[ 1 of 5 ] <- （例如，如果我有 5 个图像，我想显示数字）

我通过使用 jQuery Cycle 插件找出了上一个/下一个按钮部分，但我不知道如何显示 [1 of 5] 部分。

有人可以帮我一下吗？ :)

原文

I'm very new to jQuery and having some issues figuring out stuff here :)

I want to create a gallery that's something like this.

    [IMAGE]

[previous / next]

[ 1 of 5 ] <- (for example, if I have 5 images, I want to display the numbers)

I figured out up to prev / next button part by using jQuery Cycle Plugin, but i couldn't figure out how to display the [1 of 5] part.

Can someone please lend me a hand ? :)

分享到QQ

分享到微博

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

发布评论

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

智商已欠费 2024-10-06 04:57:41

好吧，我做了这个简单的例子来说明如何实现它，仅使用 jQuery，无需插件。

旋转是一条简单的线。如果您点击上一张并且它已经在第一张图片中，请转到最后一张。如果您要点击下一个，而它已经是最后一个，请转到第一个。

if ($this.index() == 0) /* Previous */
{
    /* go 1 back or start at the end */
    current = ((current - 1) < 0 ? (total - 1) : (current - 1));
}
else /* Next */
{
    /* go 1 forward or start at the beginning */
    current = ((current + 1) == total ? 0 : (current + 1));
}

使用的函数（参考）

Well, I made this simple example on how you can achieve it, using only jQuery without plugins.

The rotation is a simple line. If you are hitting prev and it is already in the first image, go to the last. If you are hitting next and it is already on the last, go to the first.

if ($this.index() == 0) /* Previous */
{
    /* go 1 back or start at the end */
    current = ((current - 1) < 0 ? (total - 1) : (current - 1));
}
else /* Next */
{
    /* go 1 forward or start at the beginning */
    current = ((current + 1) == total ? 0 : (current + 1));
}

Used functions (ref)