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):

How to add a photo with before/after effect

19 November 2021

Back

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.

 

PANEL WEBMASTERA

LOG IN

GET STARTED

This website has been entirely created using our web design software WebWave. We use cookies to give you the best possible experience. Read more.

FIND US ONLINE

HELP DOCS

WEBWAVE

FOR CUSTOMERS

OFFER

WEBSITE BUILDER

Click here to chat with us.

CONTACT

contact@webwave.me

PANEL WEBMASTERA

GET STARTED

Free website builder WebWave makes creating websites effortless. You can start building your website either from scratch with a blank page or, if you are looking for some inspiration, with a free template.  Web design software for free? It is easy!

PL

EN

RO