IMAGE SWITCH

COMPARE TWO BEFORE & AFTER IMAGES

Whenever you want to just “switch” out an image for another when a user hovers over or clicks on one image, we got you covered. “Composium – Visual Composer Extension” includes the “Image Switch” Element, which allows you to do just that.

Just select the front and back image, assign the trigger for the switch (hover, click or slide) and the type of switch effect (fade or or flip) and the plugin will take care of the rest. You can show little trigger handles below the image that indicate to your users what to do in order to trigger the switch.

If you don’t need the handles, you can disable them for each element or change the color to better suit your theme.

Front and back image should have equal dimensions or at least the same ratios for scaling purposes.

Export Page Content

SWITCH EXAMPLES

COMPARE TWO BEFORE & AFTER IMAGES

Switch Type: Flip / Switch Trigger: Click

  1. 12
  2. 11

Switch Type: Slide

  1. 15
  2. 16

Switch Type: Fade / Switch Trigger: Hover

  1. 1
  2. 2

Switch Type: Flip / Switch Trigger: Hover

  1. 3
  2. 4

Switch Type: Fade / Switch Trigger: Click

  1. 8
  2. 9

Switch Type: Flip / Switch Trigger: Click

– Text Overlay –
  1. 10
  2. 11
Fashion Choices

Switch Type: Slide

– Image Overlay –
  1. 7
  2. 14

Switch Type: Fade / Switch Trigger: Hover

– Text Overlay –
  1. 5
  2. 6
Fashion Choices