Images not displaying on webpage after plugin upgraded

Selecting “Automatically load all objects, even those not in view.” fixes the issue.

Could you please still have a look into this issue and let me know what we need to do to fix this?

Thanks,
Claire

Hi,
I’ll look into it as soon as I can, and keep you updated. Are you adding the lazysizes bgset addon yourself? Seems like that’s related to the errors. Anything changed compared to before updating the plugin?

– Patrick Sletvold

• This reply was modified 5 years, 5 months ago by Patrick Sletvold.

Hi,

I am responsible for updating the WordPress plugins once a month. The plugin was already in place and the images displayed before the plugin was update.

NB WordPress v4.9.10 is in place. There is no plan to get this updated to v5.

The following plugins were also updated:

* Yoast SEO Premium https://yoa.st/2jc
* WordPress Users & WooCommerce Customers Import Export(BASIC) – INACTIVE – https://www.webtoffee.com/product/wordpress-users-woocommerce-customers-import-export/
* Regenerate Thumbnails https://alex.blog/
* Meta Box Builder https://metabox.io/
* Meta Box https://metabox.io/

A custom theme is also in place.

Many thanks for responding.

Regards,
Claire

Hi,
Looked into it a bit, and it seems like the issue is caused by the newest version of the lazysizes library, which changed some stuff (more specifically where the configuration is stored). Updating the version of the ls.bgset addon should most likely fix it. How you do this depends on how it was added in the first place (plugin/theme/etc, I’d guess it’s from the theme). Let me know if you need more help.

– Patrick Sletvold

• This reply was modified 5 years, 5 months ago by Patrick Sletvold.
• This reply was modified 5 years, 5 months ago by Patrick Sletvold.

Hi Patrick,

if you have to time to provide more help that would be great. I have had a look through the site and there are 3 ls.bgset.min.js files within the theme directory.

\themes\ldh\js\ v4.0.0-rc3
\themes\ldh\ v3.0.0
\themes\ldhold\ v3.0.0

Thanks,
Claire

Hi Claire,

The easiest would probably be to check the sources tab of the browser dev tools, and see which of them are getting loaded (on chrome you can browse to the theme folder in the sidebar). In theory it should be as easy as replacing this file with the newest version, but depending on what the theme uses it for, there may be unforeseen consequences.

– Patrick Sletvold

Hi Patrick,

I have been able to confirm which file is in use.

\themes\ldh\js\vendors v4.0.0-rc3

I found v5.1.0 on https://github.com/aFarkas/lazysizes/blob/gh-pages/plugins/bgset/ls.bgset.min.js

I s this the correct location to get the latest version from?

Many thanks,
Claire

Hi Claire,
Yes, that’s the one. Version 5.1.0 should work fine.

– Patrick Sletvold