Title: CPS | Before / After Images Author: Surbma Published: يناير 1, 2018 Last modified: يناير 1, 2025 --- Search plugins ![](https://ps.w.org/surbma-before-after/assets/banner-772x250.jpg?rev=2626251) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://s.w.org/plugins/geopattern-icon/surbma-before-after_787661.svg) # CPS | Before / After Images By [Surbma](https://profiles.wordpress.org/surbma/) [Download](https://downloads.wordpress.org/plugin/surbma-before-after.2.2.zip) * [Details](https://ary.wordpress.org/plugins/surbma-before-after/#description) * [Reviews](https://ary.wordpress.org/plugins/surbma-before-after/#reviews) * [Installation](https://ary.wordpress.org/plugins/surbma-before-after/#installation) * [Development](https://ary.wordpress.org/plugins/surbma-before-after/#developers) [Support](https://wordpress.org/support/plugin/surbma-before-after/) ## 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](https://github.com/Surbma/surbma-before-after) **You can find my other plugins and projects on GitHub:** [https://github.com/Surbma](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](https://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 ### What does Surbma mean? It is the reverse version of my last name. 😉 ## Reviews There are no reviews for this plugin. ## Contributors & Developers “CPS | Before / After Images” is open source software. The following people have contributed to this plugin. Contributors * [ Surbma ](https://profiles.wordpress.org/surbma/) * [ CherryPick Studios ](https://profiles.wordpress.org/cherrypickstudios/) [Translate “CPS | Before / After Images” into your language.](https://translate.wordpress.org/projects/wp-plugins/surbma-before-after) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/surbma-before-after/), check out the [SVN repository](https://plugins.svn.wordpress.org/surbma-before-after/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/surbma-before-after/) by [RSS](https://plugins.trac.wordpress.org/log/surbma-before-after/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.2 Release date: 2025-01-01 FIX * Changed textdomain hook to init. * Security fix for shortcode: parameters are properly escaped. OTHER * Code optimizations. #### 2.1 Release date: 2020-09-15 FIX * Fixes jQuery call, so it is compatible with latest versions of WordPress (5.5) and jQuery. TWEAK * Checked compatibility with the latest version of WordPress. * Changed minimum WordPress version and PHP requirements. #### 2.0 Release date: 2019-07-19 With this version, the plugin is rebranded to CherryPick Studios or CPS with the short version. CherryPick Studios is created by me, Surbma, so everything is the same, but better. 🙂 NEW * Plugin author and contributor has changed to CherryPick Studios. TWEAK * Checked compatibility with the latest version of WordPress. #### 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. ## Commercial plugin This plugin is free but offers additional paid commercial upgrades or support. [View support](https://www.facebook.com/groups/CherryPickStudios/) ## Meta * Version **2.2** * Last updated **سنتين ago** * Active installations **10+** * WordPress version ** 5.5 or higher ** * Tested up to **6.7.10** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/surbma-before-after/) * Tags * [after](https://ary.wordpress.org/plugins/tags/after/)[before](https://ary.wordpress.org/plugins/tags/before/) [image](https://ary.wordpress.org/plugins/tags/image/)[picture](https://ary.wordpress.org/plugins/tags/picture/) [surbma](https://ary.wordpress.org/plugins/tags/surbma/) * [Advanced View](https://ary.wordpress.org/plugins/surbma-before-after/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/surbma-before-after/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/surbma-before-after/reviews/) ## Contributors * [ Surbma ](https://profiles.wordpress.org/surbma/) * [ CherryPick Studios ](https://profiles.wordpress.org/cherrypickstudios/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/surbma-before-after/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://surbma.com/donate/)