-
I love pinboard, and I like nextgen gallery for my photos. However, I’m having a big issue with the galleries in Safari. Wondering if anyone has any solutions. Here is the issue:
Anyway, when trying to view a gallery – the 1st time I come to the page, the photos appear in tiny like 2X2 pixel thumbnails. If I refresh the page, they come in full. Then if I come back to the page, they are still full. But the first time I visit a gallery page, this happens. Sometimes a few of the full size images load, and the rest in these tiny pixel thumbnails. Sometimes all thumbnails. (again, so small that you can barely even notice they are there).
This does not happen in Chrome.
Any ideas would be much, much appreciated – been driving myself nuts with this.
Thanks.To duplicate: Open this page in Safari on iPhone:
http://goochphotography.com/weddings/then choose any of the galleries
I visited you website on iOS 8 and could indeed replicate the issue. Apparently a script is sizing photos to viewport on page load. iOS Safari is known to have such bugs. It’s probably a better idea to ask the plugin authors for a solution.
Well just to make sure if the issue is related to the theme or not, try previewing your page in a default theme like Twenty Fifteen and see if the issue replicates or not. If it does there’s nothing we can change in the theme, if it doesn’t let us know and we’ll see if we can find a fix.
I believe I’ve narrowed down the error to some CSS.
The problem is, without this CSS, the images wont conform to the size of the screen in mobile (like iphone) so only less than a quarter of the image shows on small screen.with the CSS, it works right – but the problem we are discussing happens.
let me know your thoughts:
.ngg-gallery-thumbnail img {
width: 100%;
height: 100%;
}.ngg-gallery-thumbnail img {
background-color:transparent!important;
border:none!important;
}Try adding this code to the custom styles:
.ngg-gallery-thumbnail {
height: 0;
padding: 100%
overflow: hidden;
}
.ngg-gallery-thumbnail img {
height: auto;
}
You must be logged in to reply to this topic.