使用 jQuery 对缩略图进行分页

Question

我的网站http://www.rsphotographs.com 已经上线几天了，我想稍微改变一下设计。但是我不知道如何，所以这里是“问题描述”:-)

该网站使用 jQuery 插件“FancyBox”。如果您查看网站上的画廊，例如黑白您会看到每页最多有 15 个缩略图。如果有更多则有更多页面。

实际行为

1. 打开画廊“黑白”。
2. 单击第一页上的最后一张图片。 FancyBox 插件显示较大的图像。
3. 单击右光标键循环到下一个图像。 FancyBox 再次显示第一页的第一张图片。

期望的行为

FancyBox 不显示第一页的第一张图片，而是显示下一页的下一张图片，即访问者可以循环浏览整个画廊，而不仅仅是分页。

我已经看到有几个用于 jQuery 的分页插件也许可以实现这一点，但我不知道如何分割缩略图。

有人可以帮忙吗？

干杯，
罗伯特

Answer 1

线索是用你所有的图像创建一个页面，并根据你的分页在线显示第 15 个。

使用 Fancybox，您有一个回调，可以根据您显示或隐藏其余内容的位置为您提供当前图像的位置。 ($.fancybox.pos)

示例：您的相册中有 40 张图片。比您显示图像 1 - 15 并在 display:none 上设置 16 - 40。当您在图片 15 并且用户单击下一步时，您将隐藏图片 1 - 15 并显示 16 - 30。基于此，您还可以更改分页。

fancybox 回调的更多信息：http://fancybox.net/api