Achal Jain

Rich Tabor

A block to let your visitors compare between two images. After, before, horizontal, and vertical comparison.
<h3>FEATURES</h3>
<ul>
<li>Visibility Ratio</li>
<li>Orientation – Horizontal, Vertical</li>
<li>Handle movement control – Swipe, Click, Hover</li>
<li>Custom labels for before and after</li>
<li>Label position and styling options</li>
<li>Overlay</li>
</ul>

Image Comparison Block

My only regret is that I cannot give it 10 stars !!! I can't imagine what else can be done to make it better (and keeping it as simple to use as possible), well, maybe to be able to make me a cup of coffee...

Thank you for this block plugin, much needed...

Works Perfectly !

A block to let your visitors compare between two images. After, before, horizontal, and vertical comparison.

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.

Image Comparison Block vs CPS | Before / After Images