Images only loading after editing page

[AdminHaptX]

Hi, folks.  I'm seeing some bizarre behavior with images on a page.  I've got some embedded images in some WYSIWYG editor blocks, but when I view the live page it loads spacers in the src for those images:

<img alt="Wide Rhombas - SDK.png" class="ipsImage ipsImage_thumbnailed" data-fileid="8" data-ratio="62.50" style="height:auto;width:800px;" width="800" data-src="//content.invisioncic.com/p328873/monthly_2024_03/WideRhombas-SDK.png.374a077f26f5314917ea3e08a0d09472.png" src="https://support.haptx.com/applications/core/interface/js/spacer.png">

However, when I bring up the page editor and open the manager blocks tab, the images load correctly:

<img alt="Wide Rhombas - SDK.png" class="ipsImage ipsImage_thumbnailed" data-fileid="8" data-ratio="62.50" style="height:auto;width:800px;" width="800" data-src="//content.invisioncic.com/p328873/monthly_2024_03/WideRhombas-SDK.png.374a077f26f5314917ea3e08a0d09472.png" src="//content.invisioncic.com/p328873/monthly_2024_03/WideRhombas-SDK.png.374a077f26f5314917ea3e08a0d09472.png" data-loaded="true">

 

Any ideas?

[Jim M]

The spacer is usually present when lazy loading is present. Was lazy loading of images enabled on your site and then disabled but content not rebuilt? Are there JavaScript errors on the page where this image is?

[AdminHaptX]

Thanks for the response!  There are some JS and JQuery errors, but nothing seemingly significant.  We're not using any custom JS; aside from some minor CSS tweaks, everything we're doing is vanilla Invision CMS.

Lazy loading was enabled and never disabled.  I just disabled it, and it triggered a rebuild.  I'll give that some time and try the page again once it's completed.

[AdminHaptX]

So, I disabled lazy loading and rebuilt the site, and it didn't change anything, we're still getting spacers in place of our images, except when editing the page.

We're getting the following JS errors:

[Jim M]

Please link us to an example so that we can assist.