2011-04-30 92 views
0

我的网站http://www.rsphotographs.com缩略图的在线,因为有些天,我想稍微改变设计。但是我不知道怎么那么这里的“问题说明” :-)分页使用jQuery

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

实际行为

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

期望的行为

而是显示在第一页的fancybox的第一张图像应标明以下页面的下一个IMGE,即访问者可以通过完成画廊循环,不仅每页。

我见过有几个分页插件的jQuery这也许可以做到这一点,但我没有线索如何分割的缩略图。

有人能帮忙吗?

干杯,
罗伯特

回答

1

线索是趾创建1页具有所有的图像,并根据您的分页您在网上显示15第一个。

用的fancybox你有一个回调,让您在当前图像的位置,根据您显示或隐藏内容的其余部分。 (.fancybox.pos $)

例如:您的galary 40张照片。比你显示图像1 - 15,你设置16 - 40显示:无。当你在图片15处,并且用户在下一个点击时,比你隐藏图片1-15,并且你显示16-30.基于此,你也改变了分页。

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

+0

Thanks!对我来说重要的提示是你张贴的第一句话。因此我检查它作为答案:-) – 2011-04-30 20:39:30