okdzhimiev

Sravnitel is a WordPress plugin by Elphel Inc. based on a jQuery plugin jquery.sravnitel.js.
Features
<ul>
<li>Compare 2+ images </li>
<li>Zoom and pan</li>
<li>Initial zoom and offset</li>
<li>Touch events: click, drag, pinch to zoom</li>
</ul>
Tips
<ul>
<li>Click on the view area to quickly switch between left and right image</li>
<li>Click on the zoom info in the top right to zoom-to-fit the view area</li>
<li>To place several instances of the plugin assign unique ids: [sravnitel id=’test1′ …], [sravnitel id=’test2′ …]</li>
</ul>
Working demo
<a href="http://blog.elphel.com/2017/01/lapped-mdct-based-image-conditioning-with-optical-aberrations-correction-color-conversion-edge-emphasis-and-noise-reduction/" rel="nofollow ugc">Elphel’s Blog: Lapped MDCT-based image conditioning with optical aberrations correction, color conversion, edge emphasis and noise reduction</a>
Quick examples
<ul>
<li>Fit image into the view window, w/o titles: 
[sravnitel images=”ID0,ID1,ID2″ width=640 height=480]</li>
<li>Fit image into the view window, with titles and toggle button: 
[sravnitel images=”ID0,ID1,ID2″ width=640 height=480 showtitles=true showtoggle=true]</li>
<li>Also fit image, with titles: 
[sravnitel images=”ID0,ID1,ID2″ width=640 height=480 showtitles=true zoom=0]</li>
<li>Zoom 30%, with titles, x=0 and y=0 in the center of the view window: 
[sravnitel images=’ID0,ID1,ID2′ width=640 height=480 showtitles=true zoom=0.3 center_x=0 center_y=0]</li>
</ul>
Shortcode Parameters
<ul>
<li>id – int – 0 – wrapper’s <div> element id</li>
<li>images – str – ” – (required) list of images ids (attachment_id), comma separated</li>
<li>width – int – 530 – view window width px</li>
<li>height – int – 300 – view window height px</li>
<li>showtitles – bool – false – show/hide titles</li>
<li>showtoggle – bool – false – show/hide button – switch between left and right image</li>
<li>index_l – int – 0 – init, left image – is the index of the images array, starting from 0</li>
<li>index_r – int – 1 – init, right image – is the index of the images array, starting from 0</li>
<li>zoom – float – 0 – init, zoom, 0 – fit to view window, 1.0 – 100%</li>
<li>center_x – int – 0 – init, x coordinate of the original image to be placed in the center of the view window </li>
<li>center_y – int – 0 – init, y coordinate of the original image to be placed in the center of the view window</li>
</ul>

Sravnitel

Sravnitel is a WordPress plugin by Elphel Inc. based on a jQuery plugin jquery.sravnitel.js.

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.

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