Surbma – Before ←→ After

plugin banner

Simply add a before-after image to any WordPress website.

Author:CherryPick Studios (profile at wordpress.org)
WordPress version required:5.5
WordPress version tested:6.2
Plugin version:2.1
Added to WordPress repository:01-01-2018
Last updated:08-04-2023
Rating, %:0
Rated by:0
Plugin URI:https://surbma.com/wordpress-plugins/
Total downloads:1 422
Active installs:10+
plugin download
Click to start download

With this plugin, you can display two similar images in one frame with a bar in the middle. So visitors can see the difference by moving the bar from left to right. Typical usecase is, when you want to show a “before-after” state with two images.

The shortcode: [surbma-before-after before_src="" before_alt="" after_src="" after_alt="" with="" height=""]

Parameters:

  • before_src: This is the URL of the left image. REQUIRED
  • before_alt: This is the ALT attribute of the left image.
  • after_src: This is the URL of the right image. REQUIRED
  • after_alt: This is the ALT attribute of the right image.
  • with: This is the width of the image.
  • height: This is the height of the image.

Only the two src parameters are required, the rest of them are optional.

Do you want to contribute or help improving this plugin?

You can find it on GitHub: https://github.com/Surbma/surbma-before-after

You can find my other plugins and projects on GitHub:

https://github.com/Surbma

Please feel free to contribute, help or recommend any new features for my plugins, themes and other projects.

Do you want to know more about me?

Visit my webpage: Surbma.com


FAQ
ChangeLog