Jump to content

Square_new

Member
  • Posts

    1
  • Joined

  • Last visited

Everything posted by Square_new

  1. Site URL: https://juxtapose.knightlab.com/#preview-embed Hello I would like to implement a before/after slider on my Squarespace portfolio, with the ability to show my work with ‘before and after’ retouching/edited photos. I was building my Squarespace portfolio/website on a trial. I found a ‘before-after slider’ code from this code provider https://juxtapose.knightlab.com/ I made the befor after code uploading the photos to dropbox, and had inserted this code in a codeblock: <iframe frameborder="0" class="juxtapose" width="100%" height="803" src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=2cfd5df6-aab6-11ec-b5bb-6595d9b17862"></iframe> It worked very well and everything was fine. When I then subscribed to Squarespace with a personal plan, the functionality of the code stopped working. I found out that a personal plan does not support javascript or iframe code. I then tried to embed a different code from juxtapose in an embed block instead: https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=2cfd5df6-aab6-11ec-b5bb-6595d9b17862 The before/after slider was working now on my personal plan with the embed block, and everything was fine. I thought I had found a solution. But two days after without me making any changes, now the embed code stopped working. Instead of the before/after slider, now black boxes with a youtube play button icon are showing instead. I am wondering what happened? Why did the code stop working? Can anybody help me if it is possible to make a before/after photo slider functionality on a personal plan? For me, it is very expensive to have to subscribe to a business plan ( almost the double price of a personal plan) just to make this before/after slider work in my portfolio. Thank you in advance!
×
×
  • 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.