WebSite X5 Evo and Pro

If you're a photographer you may want to show a picture both in its colored and black & white versions. If you're an autobody repairman, you may want to show how good you are by showing a before and after comparison of a car involved in an accident. If you're...there are so many examples we could mention: in any case, the answer is always the Before/After Image Object. You can check out the result on this Preview page. 

How to activate the effect

Using the Before/After Image Object is really simple:

  • Double-click on the Before/After Image Object you added on the page to open the settings window.
  • Add the two images you want to use: the Before image and After image displayed after transition. You can of course choose the transition Mode you prefer
  • Define the Color and Thickness of the Line between the two images ('On mouseover' and 'Slide' Mode) or of the one that draws the cursor movement space (in the 'Fade' Mode).
  • Draw the Cursor that is used to act on the transition (in the 'On mouseover' and 'Fade' Mode): you can decide its Size; Thickness, Border Color and Bevel; Background Color and Image (with the option of being able to adjust it to the size of the cursor itself).
  • Click OK when you're happy with the result.

Are you curious to use this Object on your website pages? Install Before/After Image now

You don't have enough Credits to buy this Object? Check out our Credit Packs