Surbma – Before / After Images

Description

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

Installation

  1. Upload surbma-before-after folder to the /wp-content/plugins/ directory
  2. Activate the Surbma – Before / After Images plugin through the ‘Plugins’ menu in WordPress
  3. That’s it. Now you can use the shortcodes. 🙂

FAQ

Installation Instructions
  1. Upload surbma-before-after folder to the /wp-content/plugins/ directory
  2. Activate the Surbma – Before / After Images plugin through the ‘Plugins’ menu in WordPress
  3. That’s it. Now you can use the shortcodes. 🙂
What does Surbma mean?

It is the reverse version of my last name. 😉

Contributors & Developers

“Surbma – Before / After Images” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.4

  • NEW – Plugin name change.

1.3

  • TWEAK – Modified description and name symbols.

1.2

  • TWEAK – Simple versioning.
  • TWEAK – Modified description and name symbols.

1.1.0

  • Updated scripts and styles.
  • Added more description.
  • Code optimization.

1.0.0

  • Initial release.