Juxtaposte is a tool that will allow you to prepare a photo with a "before and after" effect with a slider to scroll the view yourself. In the guide below, I will show you how to easily install a plug-in on the website.

How to create and add a Juxtaposte photo

1.  Open your website builder and go to Settings -> My images and files, and copy the URL of the selected photo:
   
   
   IMPORTANT - try to choose photos with the same size, the effect works best when the photos have the same or very similar resolution.
    
2.  Go to the JuxtaposeJS website and press the big green button "Make a Juxtapose"
   
   
    
3.  The page will redirect you directly to the parameters of the tool. In the place for the link, paste the URL links to the images copied from website builder (step 1), you can also set your own parameters (e.g. changing the orientation of photos to vertical - "Vertical"):
   
   
   In the photo below, you can control the appearance that the image will have after publication.
    
4.  Once you have decided what your sliding photo should look like, press the "Publish" button and copy the code generated in the bottom window:
   
   
    
5.  Go back to the website builder, and then paste the copied code into the new HTML element. You can also make sure that the field of the inserted HTML element has the same resolution as the photos from which we created the code (for example 1280x720):
   
   

Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.

Missing any feature? Share your ideas with us.

Knowledge base

Find us online

Website builder.

Offerings. 

Help docs. 

Company.