Jump to content

how can we show the first image without scrolling?

Recommended Posts

Site URL: https://dahlia-puma-clws.squarespace.com/

The site style we use loads images using an Animation. And on the landing page, in order to load the first image on Desktop, a visitor has to scroll down in order for the image-animation to be triggered and therefore the image to be shown...

BUT this seems confusing for new visitors, as they don't seem to scroll down first time.

SO, how can we show/pre-load the first image, or trigger the image-animation without scrolling, so that the visitor understands he/she can view content below and is stimulated to scroll down because top of the image is already preloaded...??

Can someone help support a simple CSS code, to make the first image appear on first load?

Would be wonderful, thank you.

Edited by rubenvanleer
Link to comment
  • Replies 1
  • Views 247
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Create an account or sign in to comment

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

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.