Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 background image lazy loading - how to stop it


digitalfreelancer

Question

Hi folks, in Squarespace 7.1 they've added a feature which loads the background image of a section only once you've scrolled to it. Generally, I really praise this move from Squarespace in order to make sites faster, but it is annoying when you reload a page you've already scrolled half-way down, and when you scroll up the images don't appear until the top of the screen is about 20% from the top of the image, so you're left with a blank area for the majority of the time scrolling through that section.

I used to be able to manipulate the imagesLoaded function in 7.0, but I don't know how to trigger Squarespace getting the image src in 7.1. 

Anyone know how to do this?

Thanks,

Andrew

Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Hi folks, in Squarespace 7.1 they've added a feature which loads the background image of a section only once you've scrolled to it. Generally, I really praise this move from Squarespace in order to ma

4 answers to this question

Recommended Posts

  • 0

I am running into this problem as well. It looks really bad when the image just jumps onto the screen. Can anyone from the Squarespace team help address this please? 

Link to post
  • 0

Hey, I thought I'd follow up with some more findings.

I think Squarespace might have fixed this issue I described because I don't notice the blank space when scrolling back up a website after a page refresh.

On a side not, it turns out you can use the Squarespace imageLoader function in 7.1, so you can control when Squarespace fetches an image file.

This has been very useful for a client's website that has a huge gallery with lots of images.  As you scroll down, Squarespace loads the image file as you get to it. So it momentarily displays a blank space followed by a glitchy (not-smooth) image reveal.  I've overwritten this to lazy-load the images 500px before they appear on screen, meaning the image has already loaded by the time you scroll to it, and the fade-in animation is nice and smooth.

I am going to develop this as a plugin because I think it's a really useful feature. Let me know if you'd be interested, thanks.

Andrew

Link to post
  • 0

Andrew, I'd be interested in a plugin like this for my photography site because I have lots of images to share, but don't want to impede my page load time and also don't want it to look glitchy when the images load as you scroll. Thanks!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...