Safari Image Loading Problem Solved

richam · 2020-05-10 18:38:58

Earlier, we were having some BL2 discussions regarding the Safari browser not fully loading images:

http://community.theturninggate.net/vie … p?id=10970

In BL3, I increased the lazy-loading throttle up to 50 images, and the problem disappeared. Thanks.

tgalex · 2020-05-10 21:58:01

thanks Mike - I’ll give that a try.

rod barbee · 2020-05-10 22:19:36

I still see the issue in Safari iOS with my masthead image.

richam · 2020-05-10 23:11:21

rod barbee wrote:

I still see the issue in Safari iOS with my masthead image.

I reported this as a solution; actually it's a work-around. Never had the problem with Firefox or Chrome. I gather Safari interprets loading instructions differently; not sure why.

rod barbee · 2020-05-10 23:19:03

plus it seems intermittent.
But even when I get half a masthead, it seems that it still appears, given enough time.

richam · 2020-05-11 01:30:53

Checked it in IOS 9.4 inch iPad. Got same results, but also with Chrome. So it seems like IOS problem, not browser.

richam · 2020-05-14 19:29:32

The phantom returned. Now Safari wants to partial load some of the images. I increased the lazy-load throttle to 100 images. Tough to get a solution to an intermittent problem. Will see how it goes.

Matthew · 2020-05-15 04:01:30

I think the lazy-loading throttle has got nothing to do with it. It's just a browser issue.

richam · 2020-05-15 16:58:10

Matthew wrote:

I think the lazy-loading throttle has got nothing to do with it. It's just a browser issue.

Agreed.

richam · 2020-05-21 18:20:02

More grist for the mill. Safari seems to be happier loading images if I publish pre-sized custom thumbnails. I use maximum thumbnail width of 450 px, so I set up all the thumbnails on my Cruises Album Set to pre-sized 450 px. And so far, 14 of the 24 thumbnails are real and working, but I have 450 px place holder images for the other 10. Will eventually get them all changed, then work on all my lower level Album Sets. If the corona virus quarantine lasts long enough, will get everything done in a few months. Has anyone else experimented with this? At the very least, it may make the surfing experience a bit snappier.

http://www.michaelrichardsphotography.c … l/cruises/

Rainer Goergen · 2020-05-21 19:29:22

All of my custom thumbnails are pre-sized and sharpen with lightroom since I use backlight 2, because they looked unsharp in Safari browser. In Firefox they looked very sharp. But now also in Safari.

Rainer

richam · 2020-05-21 23:05:59

Rainer Goergen wrote:

All of my custom thumbnails are pre-sized and sharpen with lightroom since I use backlight 2, because they looked unsharp in Safari browser. In Firefox they looked very sharp. But now also in Safari.
Rainer

Have you checked if the thumbnails load properly with Apple Safari?

Rainer Goergen · 2020-05-22 20:11:45

Of course, I only use Safari, check my website.

Rainer

richam · 2020-05-23 14:15:54

Rainer Goergen wrote:

Of course, I only use Safari, check my website.
Rainer

I use 450 pixel wide thumbnails, and it appears that pre-sizing thumbnails provides a work-around for the Safari loading problems. I've converted several dozen album sets or albums with no problems.

The only remaining loading difficulty has been on albums where I use a pre-sized custom-thumbnail hero image at 1920 pixels wide. This produces an acceptable 450 pixel thumbnail in the album set, but still has sporadic loading problems in Safari.

You have a very nice, smooth-running website. Enjoyed it thoroughly. I was wondering how you get the photo frames within the slideshow?

Rainer Goergen · 2020-05-23 18:30:30

With custom css, you can view my pangolin_iconic.css in the custom folder.

/* Rahmen um das Fancybox Bild
=========================== */

.fancybox-image {
border: 1px solid #FFFACD; /* Rahmenstaerke und Farbe */
padding: 8px; /* Rahmenabstand zum Bild auf Desktop und Mobilgeraeten */
}

/* Rahmen um das einzelne Bild
=========================== */

.single_image img {
border: 1px solid #FFFACD; /* Rahmenstaerke und Farbe */
padding: 8px; /* Rahmenabstand zum Bild auf Desktop und Mobilgeraeten */
}

——————

Oh you have meant the theater slideshow:

pangolin_theater_iconic.css

/* Vegas Slide Show
================ */

.gallery.presentation-vegas.no-fouc.vegas-container {
margin: 5px; /* Abstand zwischen Foto und Rahmen */
}

And the border in my theater template under - presentation -

Border 1 px, Vegas slideshow

Last edited by Rainer Goergen (2020-05-23 18:37:38)

richam · 2020-05-25 15:06:03

Rainer, thanks. It worked.

Community @ The Turning Gate

#1 2020-05-10 18:38:58

Safari Image Loading Problem Solved

#2 2020-05-10 21:58:01

Re: Safari Image Loading Problem Solved

#3 2020-05-10 22:19:36

Re: Safari Image Loading Problem Solved

#4 2020-05-10 23:11:21

Re: Safari Image Loading Problem Solved

#5 2020-05-10 23:19:03

Re: Safari Image Loading Problem Solved

#6 2020-05-11 01:30:53

Re: Safari Image Loading Problem Solved

#7 2020-05-14 19:29:32

Re: Safari Image Loading Problem Solved

#8 2020-05-15 04:01:30

Re: Safari Image Loading Problem Solved

#9 2020-05-15 16:58:10

Re: Safari Image Loading Problem Solved

#10 2020-05-21 18:20:02

Re: Safari Image Loading Problem Solved

#11 2020-05-21 19:29:22

Re: Safari Image Loading Problem Solved

#12 2020-05-21 23:05:59

Re: Safari Image Loading Problem Solved

#13 2020-05-22 20:11:45

Re: Safari Image Loading Problem Solved

#14 2020-05-23 14:15:54

Re: Safari Image Loading Problem Solved

#15 2020-05-23 18:30:30

Re: Safari Image Loading Problem Solved

#16 2020-05-25 15:06:03

Re: Safari Image Loading Problem Solved

Board footer