Before After Image Slider

Create a Before After image slider to compare two images. Add two images, customize the cursor color and add markers to trigger actions.

Click here to download the component. It is not yet available in the Component list from PandaSuite Studio.

Open PandaSuite Studio and import image-comparison.zip into your Media window.

Drag it to your screen.

import_image_comparaison.png

In the Properties window, select the original image and the modified image. Make sure they are the same size.

Customize the color of the cursor.

If you want to create specific animations, add one or more markers. Create your animations according to these markers.

Capture_d_e_cran_2018-05-07_a__17.08.57.png

 

There are numerous possibilities. Play with the cursor and markers by adding sounds, others components, pop-up windows... Let your imagination speak once again!

Still need help? Contact Us Contact Us