Bolton Studios LLC

Create before-and-after image sliders in Divi easily with Before + After Images for Divi.
<ul>
<li>Compatible with the Visual Builder.</li>
<li>Compatible with lazy load plugins (excludes slider images).</li>
<li>Supports cropped image sizes (image size selection).</li>
<li>Mobile responsive.</li>
<li>Lightweight.</li>
</ul>
<h4>Requirements</h4>
This plugin is designed to work with the Divi Builder plugin or a theme such as Divi or Extra by <a href="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=48997&tid1=baie" rel="nofollow ugc">Elegant Themes</a> (affiliate link).
<h4>My Plugins for Divi</h4>
<ul>
<li><a href="https://wordpress.org/plugins/before-after-images-for-divi/" rel="ugc">Before + After Images for Divi</a></li>
<li><a href="https://wordpress.org/plugins/image-size-selection-for-divi/" rel="ugc">Image Size Selection for Divi</a></li>
</ul>
<h4>Supporting Before + After Images for Divi</h4>
If you found this free plugin helpful, please support the developer with a small donation:
<ul>
<li><a href="http://ko-fi.com/boltonstudios" rel="nofollow ugc">Buy me a coffee</a></li>
</ul>
<h4>Credit</h4>
Plugin created by Aaron Bolton. Before + After Images for Divi brings the power of <a href="https://zurb.com/playground/twentytwenty" rel="nofollow ugc">TwentyTwenty by ZURB</a> to your Divi Builder installation.

Before + After Images for Divi

Create before-and-after image sliders in the Divi Visual Builder easily.

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.

Before + After Images for Divi vs CPS | Before / After Images