2012-08-13 16 views
0

我建立了我个人网站的图像画廊,我有一个显示在一个相册的照片的缩略图页面。例如标记如下:PhotoSwipe与手册无限滚动的混乱

<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> 

我在其中手动触发保罗爱尔兰的无限滚动的网页,其中抓住未来大量的图片,从下一个页面,并将其追加到.photos底部的按钮。

现在,我使用PhotoSwipe作为一个照片浏览器,当访问者点击照片并能够通过他们来滚动。

我遇到的问题是,加载页面,单击第一张照片,并开始通过滚动,你获得了最后的当前页的照片说像20,它跳回图像1.

我需要的是一种方式,PhotoSwipe可以在相册中,而不是仅仅是最初显示的第一个20整批的照片,这样所有80工作。

所以我想有两种选择:

  1. 制作PhotoSwipe工作的隐藏或背景设定照片的链接,因此所有80显示。

  2. 当photoSwipe获取图像20,它触发手动无限滚动和追加新照片本身的用户继续滚动通过。

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

任何想法?

+0

任何人能帮助我在这里? – rctneil 2012-08-15 19:22:58

回答

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));