What type of gallery? The “Show More” feature is not for slideshows. And the JS mode for other galleries does not impact server load speeds.
Thanks,
SmugMug- masonry-Js
What happens is my page loads quickly but the gallery takes some time to load and I think it’s because the number of photos in the gallery is taking time to get from the SmugMug servers to mine. I have already compressed the photos as much as I can.
I figure maybe breaking the server request into chunks through the show more button might make the first batch of photos appear on the page faster.
More of a concern for my users on data. on wifi it all loads quick
Thanks again
Have you tried playing with the “Tile size” (not thumbnail)? While a thumbnail is used by the square layout or the slideshow for the bottom strip, the tile is used by the justified, masonry and mosaic layouts. By default the tile size is the same as the size that you decide to show within a lightbox. But you can configure the tile to be considerably smaller, without needing to compress your photo. E.g. a full-sized photo might be 4000px × 3000px, and 5MB, but if you pick a different size for it in the tile (say, medium), you might end up with a photo that is only 640px × 480px, and 128KB.
Thanks, ill play with that,
Is there a way to customize the more button? mainly it is left aligned and I would like to have it centered to match the page.
Cheers
You can style it with custom CSS. Photonic doesn’t provide options out of the box for that. If you provide a link I can tell you what to use.
Thanks,
Here is a test page I’m testing on:
https://flcannabisdeals.org/test27/
I would want the show more button to be centered and #CCB30A color if possible.
Much appreciated!
You can add a custom style:
.photonic-stream {
text-align: center;
}
.photonic-more-button, .photonic-more-button:visited, .photonic-show-gallery-button, .photonic-show-gallery-button:visited, .photonic-more-button:active, .photonic-more-button:focus, .photonic-more-button:hover, .photonic-show-gallery-button:active, .photonic-show-gallery-button:focus, .photonic-show-gallery-button:hover {
background: #CCB30A;
}
Thanks, it worked!
If I wanted to play with the size, I can add height and width lines under text-align ya?
Regardless Thanks!
