Before After
Before After plugin integrates modified version [jQuery Before/After Plugin](http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/ "jQ …
The facts
- Rating
- 4.6★ from 11
- Active installs
- 100+
- Price
- Free
- Last updated
- 16 Feb 2016
- Added
- Mar 2010
- Requires WP
- 2.9
- Tested up to
- WP 4.4.34
- Downloads
- 18,163
Our analysis
AI-assistedBefore After is a WordPress plugin that allows you to display before and after images on your site. It integrates a modified version of the jQuery Before/After Plugin, enabling comparisons between original and edited photos. This plugin is suitable for users who want to visually demonstrate changes or edits in images on their blogs.
To use the plugin, you need to switch to the HTML editor in your post, insert images using the WordPress media uploader, and use the provided shortcode to display the images. The plugin requires specific alignment for the images to function correctly, with one photo serving as the 'before' image and the other as the 'after' image.
Best for: This plugin suits bloggers and website owners who want to showcase image transformations or edits.
What it does well
- ✓Free to use from the WordPress.org directory
- ✓Integrates jQuery Before/After Plugin
- ✓Allows comparison of edited and original photos
- ✓Simple shortcode usage for implementation
- ✓Active user base with positive ratings
Where it falls short
- •Last updated in February 2016
- •Tested only up to WordPress version 4.4.34
- •Limited documentation on usage
Verdict
Before After provides a straightforward way to display image comparisons, though its age and limited updates may be a concern for some users.
From the developer
Hemant Nandrajog (instruite)'s own description of Before After, lightly tidied.
Before After plugin integrates modified version jQuery Before/After Plugin in the wordpress.
It can be used to show the difference between edited and original photo, before and after photos of changes, etc.
Please check ‘Other Notes’ for the Usage instructions to see how to use it on your blog
Demosites:
Demo with Latest version
Operation on custom theme
Author info:
Follow me on Twitter or become my Friend on facebook
Also on Google+
Usage
- Write the content of your post other than the images
- Switch to ‘HTML-editor’ mode of the post editor area
- Click ‘BeforeAfter’ button (This will start the ‘[beforeafter]’ shortcode)
- Add the photos to your post through the wordpress image/media uploader
- 1 photo should be left align when you insert the images on your post, the other one can be aligned right/center/none
- The ‘left-aligned’ photo is taken as before photo so please align your photos accordingly
- After you have inserted the two images in the post Click ‘BeforeAfter’ button again to close ‘[/beforeafter]’ shortcode.
- You can add more content to your post after closing the ‘[/beforeafter]’ shortcode
- The content other than image information withing the ‘[beforeafter]…[/beforeafter]’ is ignored when the shortcode is executed, in other places like home page archive page the content will be shown as is in the post.