Portfolio Page Hover Background Autoplay

Portfolio Page Hover Background Autoplay

License

Synopsis

Add an autoplay effect to a portfolio page using layout hover background.

Version 0.1.0

SS Version

• 7.0

Dependencies

• Squarespace plan that supports JavaScript.

• jQuery

v7.1 Fluid Engine Compatible

• Not Applicable

---

Install

• Add the following to Website > Pages > Website Tools > Code Injection > HEADER.

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

• Site-wide

  • Add code from file portfolio page hover background autoplay.html to Website > Pages > Website Tools > Code Injection > FOOTER.

• Page Specific

  • Add code from file portfolio page hover background autoplay.html to Portfolio Settings > Advanced > Page Header Code Injection for the portfolio page. Please see per-page code injection.

• Read the code for any instructions within.

Demo

You can see a demo of this effect here.

Make a Donation

Please consider making a donation.

Changes

• 2023-05-26

  • initial version