I’ve noticed a usability issue on galleries that use the Flexible Gallery type (with Facebook-style infinite scrolling, or ‘lazy loading’).
If a user opens such a portfolio page and immediately clicks on the first image in the grid to open it in a Lightbox, the Lightbox will only ever scroll through the images that had loaded to the portfolio page up to that point. It will not continue to load images in the portfolio. This might often lead a visitor to believe that there were no more images included in the portfolio when in fact there may be many more….
In a large gallery with, say, 100 images, that would force a user to scroll down the portfolio and force all the images to load until the “no more images” message appears before clicking any of those images to open a completely populated Lightbox.
I would expect the Lightbox to ‘lazy load’ in the same way when a user clicks the right arrow to advance the slideshow and continually download images until no more are available….?
Thanks for reading!
Unfortunately this is not possible because of technical limitations. The lightbox just recognizes the images which are part of the existing html code. The flexible gallery loads the gallery data via ajax (dynamically) in the background when the user scrolls to the bottom. As soon as the user reaches the bottom new images are loaded and the lightbox script will add these images to the existing gallery. However the lightbox itself can’t load all images without the user interaction and if the user doesn’t trigger the ajax loading process he/she won’t be able to view all images in the flexible gallery. However you can increase the default number of images – open up includes/helper-slideshow.php andsearch for following line:
Replace 10 with eg 20 or 30 to load more images by default.
The topic ‘Flexible Galleries ("lazy-loading") do not load completely in Lightbox’ is closed to new replies.