Infinite scrolling – display of all images in preview

[pvalen]

For example, I have 100 images and I want to use "infinite scrolling" so that they are not displayed at once. This means that I will show the first 20 images and then as I scroll down, I will gradually show more images.

The problem is that when the user clicks on an image after opening the page, without scrolling down, only the first 20 displayed on the page are displayed in the preview. The other images, the remaining 80, will not appear in that preview (not even in the lower scrolling preview). Also in the upper left corner is the number x/20. This means that only 20 images are displayed. So the user thinks that the gallery has only 20 images. Which is wrong, there should be x/100 and all of them are displayed to him in turn.

Please advise how to get all images (100) to be displayed in the preview and not just the ones displayed on the page.

Thanks