0

我已经为我的个人网站建立了一个图片库，并且我有一个显示相册中照片缩略图的页面。示例标记如下：

<div class="photos">
  <a href="largephoto.jpg"><img src="smallPhoto.jpg" /></a>
  <a href="largephoto.jpg"><img src="smallPhoto.jpg" /></a>
  <a href="largephoto.jpg"><img src="smallPhoto.jpg" /></a>
  <a href="largephoto.jpg"><img src="smallPhoto.jpg" /></a>
  <a href="largephoto.jpg"><img src="smallPhoto.jpg" /></a>
</div>

我在页面底部有一个按钮，它手动触发 Paul Irish 的无限滚动，它从下一页抓取下一批图像并将它们附加到 .photos。

现在，当访问者单击照片并能够滚动浏览它们时，我使用 PhotoSwipe 作为照片查看器。

我遇到的问题是您加载页面，单击第一张照片并开始滚动，您到达当前页面的最后一张照片，图片为图像 20，然后跳回图像 1。

我需要的是一种 PhotoSwipe 可以处理整批照片的方式，以便相册中的所有 80 张照片，而不是最初显示的前 20 张照片。

所以我想有两种选择：

  1. 让 PhotoSwipe 在一组隐藏或背景的照片链接上工作，以便显示全部 80 个。

  2. 当 photoSwipe 到达图像 20 时，它会触发手动无限滚动并将新照片附加到自身以供用户继续滚动。

我真的不确定如何实现这一点并让它以一种明显而简单的方式工作。

有任何想法吗？

4

1 回答 1

2

也许有点晚了，但我在这里找到了你问题的答案：https ://github.com/codecomputerlove/PhotoSwipe/issues/243

具体来说，这段代码：

image={url: 'images/full/014.jpg', caption: 'Image 014'}
src = photoSwipeInstance.settings.getImageSource(image);
caption = photoSwipeInstance.settings.getImageCaption(image);
metaData = photoSwipeInstance.settings.getImageMetaData(image);
photoSwipeInstance.cache.images.push(new PhotoSwipe.Image.ImageClass(image, src, caption, metaData));
于 2012-09-28T10:26:16.837 回答