Only the first image in a lesson displays until I resize the browser

[brianjstarr]

I have a lesson with multiple images inserted using insert media and uploading the image. There are also embedded Youtube videos inserted by URL.

Only the first image displays until I resize the browser window, at which point any other images which would be visible display, but if I scroll down the other images still haven’t displayed until I resize again. The preview image of the youtube videos all display just fine.

It might have something to do with lazyload, as I noticed that the url of the undisplayed images are something like: data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

Until I resize, then they are normal looking.

I made sure I’d turned off lazyload in wordpress (using a plug-in) and any plugins that offered it, like jetpack, flushed the cache, and it still didn’t work. In any case, multiple images display just fine in the rest of my website.

Does anything have any ideas how to fix this, aside from just having one image per lesson?

[brianjstarr]

OK, I fixed this. I am using the Customizer theme.

To fix the problem, I turned off “Load images on scroll” under customizing:advanced options:website performance.

I notice that the Lazyload option is still being set by WordPress, and that works fine. So I guess “Load images on scroll” probably is somewhat redundant and, anyway, breaks Learnpress.

You’re welcome.

[Daisy]

Hi brianjstarr,

So happy to hear that your problem was resolved. Thanks for your contribution.

Because your issue is no more. I will close this topic now.

Sincerely

—————————–

Thimpress Support

Daisy

[Author]

Posts