Auto-scroll picture in picture

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

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.

Hi Ziggy,

thanks for tip — didn't know about Will Myer's plugin.

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

Best

Duško Bekar 

54 minutes ago, BekarHaus said:

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

Agreed!