Top

Image Comparison

IMAGE COMPARISON SHORTCODE

Image Comparison element is the one of shortcodes from the Interactive shortcode pack. It’s WordPress addon for premium WordPress plugin WPBakery page builder Visual Composer. Below you can see all variations of this shortcode with all admin options and functionalities.

Image Comparison – Horizontal Orientation
WP Realize Extensive VC plugin - Image 3
WP Realize Extensive VC plugin - Image 2
Image Comparison – Vertical Orientation and Move On Hover
WP Realize Extensive VC plugin - Image 6
WP Realize Extensive VC plugin - Image 1
WP Realize Extensive VC plugin - Image 3
WP Realize Extensive VC plugin - Image 2

ADMIN OPTIONS

– Custom CSS Class

Style particular content element differently – add a class name and refer to it in custom CSS

– Before Image / After Image

Before and after images should have the same dimensions

– Image Size

Fill your image size (thumbnail, medium, large, full or any registered image size) or enter image size in pixels: 200×100 (width x height). Leave empty to use original image size

– Orientation
  • Horizontal
  • Vertical
– Start Position (%)
– Move Slider On Mouse Hover

By default slider is moved by dragging. Slider can also be moved with keyboard arrows

– Before Label / After Label
– Labels Visibility
  • Always
  • On Hover
– Handle Color
– Labels Background Color
– Labels Color
– Hide on Desktop
– Hide on Tablet (up to 1024px)
– Hide on Mobile (up to 680px)
– Margin on Desktop / Tablet / Mobile

Insert margin in format: top right bottom left (e.g. 10px 0 20px 0)