Image – Switch

Image – Switch

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. 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.

Image Switch Styles

Switch Type: Flip / Switch Trigger: Click

Switch Type: Slide

Switch Type: Fade / Switch Trigger: Hover

Switch Type: Flip / Switch Trigger: Hover

Switch Type: Fade / Switch Trigger: Click

Switch Type: Flip / Switch Trigger: Click

– Text Overlay –
Fashion Choices

Switch Type: Slide

– Image Overlay –

Switch Type: Fade / Switch Trigger: Hover

– Text Overlay –
Fashion Choices