kylewetton

A modern, easy-to-use comparison slider. Compare before and after images, for grading, CGI and other retouching comparisons. Easily convert two images into a comparison slider to show your work, whether it’s photo grading, CGI, or any other kind of retouching.
Using an intuitive tag that wraps two images, there is no other work that needs to be done to get your comparison sliders working.
<ul>
<li>Two modern theme options</li>
<li>Great customization including start on hover, and starting point</li>
<li>Mobile friendly</li>
<li>Lightweight</li>
<li>Easy-to-use!</li>
</ul>
All example photos by Dane Wetton.

Modern Comparison Slider

A modern, easy-to-use comparison slider. Compare before and after images, for grading, CGI and other retouching comparisons.

Surbma

CherryPick Studios

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: <code>[surbma-before-after before_src="" before_alt="" after_src="" after_alt="" with="" height=""]</code>
Parameters:
<ul>
<li>before_src: This is the URL of the left image. REQUIRED</li>
<li>before_alt: This is the ALT attribute of the left image.</li>
<li>after_src: This is the URL of the right image. REQUIRED</li>
<li>after_alt: This is the ALT attribute of the right image.</li>
<li>with: This is the width of the image.</li>
<li>height: This is the height of the image.</li>
</ul>
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: <a href="https://github.com/Surbma/surbma-before-after" rel="nofollow ugc">https://github.com/Surbma/surbma-before-after</a>
You can find my other plugins and projects on GitHub:
<a href="https://github.com/Surbma" rel="nofollow ugc">https://github.com/Surbma</a>
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: <a href="https://surbma.com/" rel="nofollow ugc">Surbma.com</a>

CPS | Before / After Images

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

Modern Comparison Slider vs CPS | Before / After Images