Compare a picture before and after modifications. Play with the cursor to display modifications on one picture. Display information according picture's changes thanks to the markers.
- First download the .zip HTML module right here: image comparison
- Add an HTML component
- Insert the module in the HTML component
- Add your pictures: the first is your "before" picture and the other is the "after" picture
- Customize your cursor
- Add markers to create animations and interactivities
- Create your animations according to your markers
Here is an example to show you what is possible:
- Display information according to your cursor and its position:
Possibilities are numerous. Play with the cursor and markers by adding sounds, others components, pop-up windows... Let your imagination speak once again!