Create Before/After Image Comparison


Compare two images with a before/after effect. Add a cursor to manipulate those images and display information using markers. 

    1. Click here to download the .ZIP file
    2. Add a web component in your screen
    3. Insert the .ZIP file into the web component



    4. Add your pictures in the Properties window: the first is your "before" picture and the other is the "after" picture
    5. Customize your cursor
    6. Add markers to create animations and interactivities




    7. Create your animations according to your markers



    8. Display information according to your cursor and its position: 



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

Was this article helpful?
4 out of 5 found this helpful

Create today your interactive content

Easy-to-use ∗ Free ∗ No installation