Image Changing

Placeholder Picture

Changing between Images

Hover over the picture to see what time does to the nature. We all get older, remember!

A nice feature for comparing two images, be it before and after something, then and now, or colour variations.

It's easy to create, just a container with one background image and one inline image, and then adjust the opacity and transition for the regular and hover states. 

This component works fine on mobile phones. When tapping on the image, it changes. To get it back to the initial images, you need to tap outside the image, or refresh the page.

Important: The opacity adjustment has to be done in 'Opacity and Shadow' on the Style pane, Design tab, and NOT in the Effects tab.

Placeholder Picture

Download this component