【问题标题】:Pagination of thumbnails with jQuery使用 jQuery 对缩略图进行分页
【发布时间】:2011-04-30 18:43:09
【问题描述】:

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

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

实际行为

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

期望的行为

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

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

有人可以帮忙吗?

干杯,
罗伯特

【问题讨论】:

    标签: jquery html pagination


    【解决方案1】:

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

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

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

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

    【讨论】:

    • 谢谢!对我来说重要的提示是你发帖的第一句话。因此,我将其作为答案进行了检查:-)
    猜你喜欢
    • 2011-03-30
    • 2019-03-03
    • 2010-10-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-05
    • 1970-01-01
    相关资源
    最近更新 更多