Jump to content

Auto-scroll picture in picture

Recommended Posts

Hello Squarespacers,
On my website I want to create presentation of websites I made.

I'd like to put image of browser window (container), and within that window put animated image (background) of website.

Basically I want to create similar thing as shown on Squarespce frontpage (see picture bellow)

I've had some unsuccessful attempts to achive this, so I'm asking for any help or pointers how to make it.

I am designer with basic programming knowledge 🙂

All the Best

Duško Bekar

Screen Shot 2023-07-14 at 12.10.26.png

bekar.haus

Link to comment

If you want something interactive this might be a fun option:

https://www.will-myers.com/products/p/webpage-mockup-display

Your simplest option may be just to create a GIF in photoshop that achieves this, but this is likely to be a little heavy, but will certainly work.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
54 minutes ago, BekarHaus said:

I wanted to avoid animated GIF — it's eiter large or in poor quality.

Agreed!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

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.