Changing header image (and texts, contents) with Toggle button in the corner..

Hey all, 

I cannot find the exact example that I can show what I mean by, so hopefully my words make sense to you all.. 

I wanted to make 2 different versions of the header of my website, and when users click the toggle button on the side of the hero section of the website, then they can see the different versions of the image and contents  (will be image and texts blocks) 

Not sure if this can be done with the existing features of Squarespace or custom code.

Looking forward to hearing from you all! Thanks 

This is possible, but I have some questions

• Toggle button will be on Hero Section or on Top of Header
• Click toggle button >> change Hero image/text or change header image/text or change?

@tuanphan

Actually what I really want to do, is drag the bar on the hero section then the hero image changes (like before and after )like a reference 
Can code block make like this? 

On 12/2/2024 at 5:04 PM, amykang said:

@tuanphan

Actually what I really want to do, is drag the bar on the hero section then the hero image changes (like before and after )like a reference 
Can code block make like this? 

With this before after slider, you can use plugin (affiliate link)

or you can consider use this simpler approach