comparaison-images.png

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

       

      component.gif

    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

       

      markers.gif

       

    7. Create your animations according to your markers

       

      Capture_d_e_cran_2018-05-07_a__17.08.57.png

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

example.gif

 

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?
0 out of 0 found this helpful

Create today your interactive content

Easy-to-use ∗ Free ∗ No installation

START NOW!