FAIR

Federated and Independent Repositories

Mg Before and After Gallery

Plugin Banner

Mg Before and After Gallery

by mgplugin

Download
Description

Mg Before and After Gallery lets you visually compare two images using a draggable slider. Great for design changes, transformations, product comparisons, or restoration showcases.

Key Features

  • Upload before and after images using WordPress Media Library.
  • Supports horizontal and vertical orientation sliders.
  • Enable “Move on Hover” functionality.
  • Enable automatic sliding animation.
  • Add custom overlay labels like “Before” / “After” with full styling.
  • Add title and description with customizable text styles.
  • Optional “Read More” button with custom link, color, size, and hover effects.
  • Fully responsive and lightweight.
  • Embed using simple shortcode: [MGBA_before_after_slider id="123"].

License

This plugin is licensed under the GPLv2 or later.

  1. Upload the plugin folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to Before After Gallery Add New, upload your images, and configure settings.
  4. Copy the generated shortcode (e.g., [MGBA_before_after_slider id="123"]) and paste it into any post, page, or widget.
Can I use multiple sliders on the same page?

Yes! Each slider is isolated and can be added using its unique shortcode.

Does it support touch and mobile devices?

Yes, the slider is fully responsive and works on touchscreens.

Can I disable the hover effect?

Yes, there is a toggle to enable or disable hover movement.

1.0.0

  • Initial release with full feature set.
Back to top