Hemant Nandrajog (instruite)

Before After plugin integrates modified version <a href="http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/" title="jQuery Before/After Plugin" rel="nofollow ugc">jQuery Before/After Plugin</a> 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:
<a href="https://www.instruite.com/blog/2016/02/16/before-after-works/" title="Demo with Latest version" rel="nofollow ugc">Demo with Latest version</a> 
<a href="http://www.instruite.com/blog/2011/05/18/photostrying-photoshop-filters/" title="Operation on custom theme" rel="nofollow ugc">Operation on custom theme</a>
Author info: 
Follow me on <a href="http://twitter.com/instruite/" title="Follow instruite on twitter" rel="nofollow ugc">Twitter</a> or become my Friend on <a href="http://www.facebook.com/instruite/" title="Instruite's Facebook page" rel="nofollow ugc">facebook</a> 
Also on <a href="https://plus.google.com/108357740742566610994/" title="Follow instruite on Google+" rel="nofollow ugc">Google+</a>
<h4>Usage</h4>
<ul>
<li>Write the content of your post other than the images</li>
<li>Switch to ‘HTML-editor’ mode of the post editor area</li>
<li>Click ‘BeforeAfter’ button (This will start the ‘[beforeafter]’ shortcode)</li>
<li>Add the photos to your post through the wordpress image/media uploader</li>
<li>1 photo should be left align when you insert the images on your post, the other one can be aligned right/center/none</li>
<li>The ‘left-aligned’ photo is taken as before photo so please align your photos accordingly</li>
<li>After you have inserted the two images in the post Click ‘BeforeAfter’ button again to close ‘[/beforeafter]’ shortcode.</li>
<li>You can add more content to your post after closing the ‘[/beforeafter]’ shortcode</li>
<li>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.</li>
</ul>

Before After

Before After plugin integrates modified version [jQuery Before/After Plugin](http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/ "jQ …

Slocum Studio

Scott Sousa

Please Note: This plugin is considered an alpha release and should be used with caution. We’ll be actively updating it when we can, so please report any bugs <a href="http://simplephotonphotos.com" rel="nofollow ugc">here</a> or in the support forums.
http://simplephotonphotos.com
With the release of the Photon API in Jetpack v2.0, we noticed that there wasn’t a simple way to use the GET query arguments supplied in the <a href="http://developer.wordpress.com/docs/photon/api/" rel="nofollow ugc">API documentation</a>. We set out to change this.
Introducing Simple Photon Photos, the simplest and easiest way to add JetPack Photon API effects to photos on your WordPress website. This plugin adds a control panel to the Add Media Panel when inserting an image into a post. It utilizes jQuery UI Slider Widgets to give you control over the effects you’d like to add to your images.
This plugin requires <a href="http://jetpack.me" rel="nofollow ugc">Jetpack by WordPress.com</a>.
Known Bugs/Issues
<ol>
<li>When multiple images are selected (WordPress 3.5), Simple Photon Photos options are still displayed but are displayed as default values even though values may have already been changed.</li>
</ol>
<h3>Features</h3>
Simple Photon Photos allows you to add or modify the following features using the <a href="http://developer.wordpress.com/docs/photon/api/" rel="nofollow ugc">Photon API</a>:
<ul>
<li><a href="http://developer.wordpress.com/docs/photon/api/#w" rel="nofollow ugc">Width</a></li>
<li><a href="http://developer.wordpress.com/docs/photon/api/#h" rel="nofollow ugc">Height</a></li>
<li><a href="http://developer.wordpress.com/docs/photon/api/#resize" rel="nofollow ugc">Resize</a></li>
<li><a href="http://developer.wordpress.com/docs/photon/api/#fit" rel="nofollow ugc">Fit</a></li>
<li><a href="http://developer.wordpress.com/docs/photon/api/#ulb" rel="nofollow ugc">Ulb</a></li>
<li><a href="http://developer.wordpress.com/docs/photon/api/#filter" rel="nofollow ugc">Filter</a></li>
<li><a href="http://developer.wordpress.com/docs/photon/api/#brightness" rel="nofollow ugc">Brightness</a></li>
<li><a href="http://developer.wordpress.com/docs/photon/api/#contrast" rel="nofollow ugc">Contrast</a></li>
<li><a href="http://developer.wordpress.com/docs/photon/api/#colorize" rel="nofollow ugc">Colorize</a></li>
<li><a href="http://developer.wordpress.com/docs/photon/api/#smooth" rel="nofollow ugc">Smooth</a></li>
<li>
<a href="http://developer.wordpress.com/docs/photon/api/#zoom" rel="nofollow ugc">Zoom</a>
</li>
<li>
Crop support coming soon
</li>
</ul>

Simple Photon Photos

Simply and easily adjust the size and add effects to your photos utilizing the Jetpack Photon API. This plugin requires Jetpack by WordPress.com.

Before After vs Simple Photon Photos