PhotoSwipe with Manual Infinite Scrollling 혼란

Question

내 개인 사이트 용 이미지 갤러리를 만들었으며 앨범에있는 사진의 미리보기 이미지가있는 페이지가 있습니다.

<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에 도달하면 수동 무한 스크롤을 트리거하고 사용자가 스크롤을 계속할 수 있도록 새 사진을 추가합니다.

나는 이것을 실제로 구현하고 명확하고 쉬운 방법으로 작동시키는 방법을 확실히 모릅니다.

아이디어가 있으십니까?

Answer 1

비트는 아마도 뒤늦은, 그러나 나는 여기에 질문에 대한 답을 찾을 : 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));