keighl

Organize “before and after” style portfolios embedded within WordPress posts. Before/After allows you to select specific images out of your media library, and sort them into respective before and after groups from the post editing page. Useful for anyone who features their work or services (web-designers, artists, plumbers, etc.) on their site.
<a href="http://www.keighl.com/plugins/before-after/" rel="nofollow ugc">Support & Examples</a>
=Use=
<ul>
<li>Add images to your Media Library; these images will become available to you on the post add/edit page.</li>
<li>On the post add/edit page, simply drag images from the Media Library column into the Before and After columns.</li>
<li>To remove an item, double-click it.</li>
</ul>
=Template Tags=
=<code><?php $beforeafter->is_gallery( id ); ?></code>=
Returns true if there is a Before/After gallery associated with a particular post.
<ul>
<li>id:
<ul>
<li>A post id. Typically the current post, $post->ID</li>
</ul>
</li>
</ul>
=<code><?php $beforeafter->gallery( type , id , file , links , list , rel , limit ); ?></code>=
Returns the images stored in a particular Before/After gallery.
<ul>
<li>
type:
<ul>
<li>Determines which gallery to return: before or after.</li>
<li>Values: ‘before’ , ‘after’</li>
<li>Default: ‘after’</li>
</ul>
</li>
<li>
id:
<ul>
<li>The post id. If set to 0, will return images from all posts with Before/After galleries.</li>
<li>Default: 0</li>
</ul>
</li>
<li>
file:
<ul>
<li>Determines the type of image to return: the original image file, or the thumbnail.</li>
<li>Values: ‘thumb’ , ‘file’</li>
<li>Default: ‘thumb’</li>
</ul>
</li>
<li>
links:
<ul>
<li>If set to true, will wrap images with links to the original files.</li>
<li>Values: true, false</li>
<li>Default: true</li>
</ul>
</li>
<li>
list:
<ul>
<li>If set to true, wraps the image in </li>
<li> tags.</li>
<li>Values: true, fase</li>
<li>Default: false</li>
</ul>
</li>
<li>
rel:
<ul>
<li>Alters the default rel parameter for image links.</li>
<li>Default: ‘beforeafter’</li>
</ul>
</li>
<li>
limit:
<ul>
<li>Limits how many items are returned.</li>
<li>Default: all of ’em.</li>
</ul>
</li>
</ul>

Before/After

A "before and after" portfolio generator. Uses images uploaded to the media library; organize galleries from the post add/edit page.

Code Canel

<h4>Create stunning image transformations with our intuitive, feature-rich before after image comparison slider and instantly communicate value to your visitors.</h4>
WP Before After Image Slider is an image comparison slider WordPress plugin specially built for professionals who need visual impact.
Photographers, designers, beauty brands, real estate agents, automotive detailers, developers, and marketers—anyone can use this plugin to visually demonstrate transformation for the maximum impact.
With this plugin, you can –
✅ Create seamless, responsive before after comparison sliders to engage visitors and highlight your best work, 
✅ Match your brand with fully customizable colors, handles, dividers, and professionally designed templates, and 
✅ Work flawlessly with major page builders including Elementor and Gutenberg
💡 Text can’t always convey transformation. Visuals can. And our plugin makes that effortless.
👉<a href="https://codecanel.com/wp-before-after-image-slider/?utm_source=repo_upgrade&utm_medium=repo&utm_campaign=repo_productpage&utm_id=repo_productpage" rel="nofollow ugc"> Get the Best Image Slider Plugin at the Most Affordable Price 
</a>
<iframe loading="lazy" title="Before & After Image Slider for WordPress – Easy, Fast, and Powerful | Code Canel" width="750" height="422" src="https://www.youtube.com/embed/eeCM0E2ggMo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>Why Use A Before After Image Comparison Slider?</h3>
Are your potential clients scrolling past your best work without understanding its true value?
Sometimes, words aren’t enough. A visual comparison speaks volumes—it builds credibility, highlights improvement, and shows your audience real impact.
Whether it’s a design makeover, body transformation, or product difference, this slider gives your content an edge.
Our Before After Image Comparison Slider solves this problem by creating interactive visual proof that immediately demonstrates your expertise and results.
🎯 Our plugin solves this by letting users actively explore the transformation—through sliders that are responsive, interactive, and beautifully designed.
No coding, no friction—just clear, persuasive visuals.
<h4>That means, you can turn your visitors into potential customers in no time!</h4>
<h3>Powerful Features</h3>
Our WordPress plugin delivers pixel-perfect image comparisons while maintaining optimal site performance. The responsive design ensures your comparisons look stunning on any device from mobile phones to large desktop displays.
We have developed this plugin with all the necessary features so that you can create your image comparison slider however you want easily.
<ol>
<li>Comparable Two & Three Image Slider: Create dynamic comparisons with multiple images for comprehensive visual storytelling </li>
<li>Comparable Video Slider: Compare video content with the same intuitive interface </li>
<li>Elementor Widget: Easily drag and drop before after image sliders into your Elementor pages with our dedicated widget </li>
<li>Customizable Image Size: Perfectly fit your comparisons to any layout or design requirement </li>
<li>Indicator Images: Add visual cues to guide user attention to key transformation areas </li>
<li>Flexible Trigger Options: Choose between drag or hover interactions to match your audience’s preferences </li>
<li>Professional Templates: Get started quickly with beautifully designed slider layouts </li>
<li>Slider Popup Support: Create immersive full-screen comparison experiences </li>
<li>Complete Color Customization: Personalize background, layer, handle, and divider colors to match your brand identity </li>
</ol>
👉<a href="https://codecanel.com/wp-before-after-image-slider/?utm_source=repo_upgrade&utm_medium=repo&utm_campaign=repo_productpage&utm_id=repo_productpage" rel="nofollow ugc"> ⭐ If you want to know more about the Pro version then click here!⭐ 
</a>
<h3>Works for Any Industry</h3>
<ol>
<li>Photography & Design: Showcase editing skills, retouching work, and design transformations </li>
<li>Home Improvement: Display renovation projects, remodeling, landscaping before and after </li>
<li>Beauty & Healthcare: Highlight cosmetic procedures, weight loss journeys, dental work </li>
<li>Real Estate: Compare staged vs un-staged properties, renovations, property improvements </li>
<li>E-commerce: Show product comparisons, clothing on different models, color variations </li>
<li>Education: Visualize historical changes, scientific transformations, and educational concepts</li>
</ol>

WP Before After Image Slider – Advanced Image and Video Comparison Plugin for WordPress

Use WP Before After Image Slider to create high-converting image comparison sliders effortlessly.

Before/After vs WP Before After Image Slider – Advanced Image and Video Comparison Plugin for WordPress