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.

Plugin Devs

Before After Image Comparison Slider for Elementor is an image comparison slider plugin for Elementor Page Builder. This plugin allows you to create the effect for comparing two before and after images.
This plugin let you compare two before and after images with Elementor Front-end Drag and Drop Builder.
You can add unlimited numbers of slider with this plugin. This plugin also let you see the preview of how the slider looks on the website while you editing a slider.
<blockquote>
<a href="https://plugin-devs.com/product/before-after-slider-for-elementor/" rel="nofollow ugc">Upgrade to Pro!</a> 
 <a href="https://plugin-devs.com/product/gallery-slider-for-elementor-before-after-slider/" rel="nofollow ugc">Buy Gallery Slider AddOn!</a> 
 <a href="https://plugin-devs.com/product/carousel-slider-for-elementor-before-after-slider/" rel="nofollow ugc">Buy Carousel Slider AddOn!</a>
</blockquote>
<h3>Features</h3>
<ul>
<li>
Responsive and Touch Friendly – It is fully responsive on any browser and Touch Friendly for mobile and touch devices.
</li>
<li>
Image Dimensions — You can use any image sizes used in your theme.
</li>
<li>
Custom Image Dimensions — You can also use custom image dimension such as Width and Height for the images.
</li>
<li>
Custom CSS — Option to Override Default CSS and add your own style with Custom CSS
</li>
<li>
Live Preview — you can see the preview of how the slider looks on your website while you editing a slider.
</li>
<li>
Unlimited Slider — There is no limitation on the number of slider. So, You can create unlimited number of slider .
</li>
</ul>
<blockquote>
<a href="https://plugin-devs.com/product/before-after-slider-for-elementor/" rel="nofollow ugc">Upgrade to Pro!</a> 
 <a href="https://plugin-devs.com/product/gallery-slider-for-elementor-before-after-slider/" rel="nofollow ugc">Buy Gallery Slider AddOn!</a> 
 <a href="https://plugin-devs.com/product/carousel-slider-for-elementor-before-after-slider/" rel="nofollow ugc">Buy Carousel Slider AddOn!</a>
</blockquote>
There is also a pro version of this plugin. You will get more features and advantages on the pro version.
<h3>Pro Features</h3>
<blockquote>
<a href="https://plugin-devs.com/product/before-after-slider-for-elementor/" rel="nofollow ugc">Upgrade to Pro!</a> 
 <a href="https://plugin-devs.com/product/gallery-slider-for-elementor-before-after-slider/" rel="nofollow ugc">Buy Gallery Slider AddOn!</a> 
 <a href="https://plugin-devs.com/product/carousel-slider-for-elementor-before-after-slider/" rel="nofollow ugc">Buy Carousel Slider AddOn!</a>
</blockquote>
<ul>
<li>Two types of Orientation (Horizontal and Vertical)</li>
<li>Supports Dynamic Tags Feature.</li>
<li>Move with Mouse Click on Image</li>
<li>Move with Mouse Hover</li>
<li>Change Image Size</li>
<li>Apply Custom Image Dimension</li>
<li>Customizable Default Slider Offset</li>
<li>Customized Before/After Texts</li>
<li>Customizable Background for Before/After Texts</li>
<li>Customizable Text Color for Before/After Texts</li>
<li>Responsive and Touch Friendly</li>
<li>Cross Browser Compatible</li>
<li>Supported on all Modern New Browsers and Devices</li>
<li>Use Unlimited Sliders on Same Page</li>
<li>Global Custom CSS</li>
<li>Global Custom JS</li>
<li>All Free Features</li>
<li>Priority Support and Bug Fix</li>
</ul>
<blockquote>
More Features are Coming Soon
<a href="https://plugin-devs.com/product/before-after-slider-for-elementor/" rel="nofollow ugc">Upgrade to Pro!</a> 
 <a href="https://plugin-devs.com/product/gallery-slider-for-elementor-before-after-slider/" rel="nofollow ugc">Buy Gallery Slider AddOn!</a> 
 <a href="https://plugin-devs.com/product/carousel-slider-for-elementor-before-after-slider/" rel="nofollow ugc">Buy Carousel Slider AddOn!</a>
</blockquote>
<h3>AddOns</h3>
We are continiously developed addon for this slider so that you can extend the appearance of the Slider.
1) <a href="https://plugin-devs.com/product/gallery-slider-for-elementor-before-after-slider/" rel="nofollow ugc">Gallery Slider AddOn:</a> Gallery Slider AddOn for Elementor Before After Slider which lets you display Your Slider as Slideshow with image Navigation
<blockquote>
<a href="https://plugin-devs.com/product/gallery-slider-for-elementor-before-after-slider/" rel="nofollow ugc">Buy Gallery Slider AddOn!</a>
</blockquote>
2) <a href="https://plugin-devs.com/product/carousel-slider-for-elementor-before-after-slider/" rel="nofollow ugc">Carousel Slider AddOn:</a> Carousel AddOn for Elementor Before After Slider which lets you display Your Slider with Image Carousel
<blockquote>
<a href="https://plugin-devs.com/product/carousel-slider-for-elementor-before-after-slider/" rel="nofollow ugc">Buy Carousel Slider AddOn!</a>
</blockquote>
** We welcome your feedback and suggestions to improve the plugin! Please contact with us at <a href='mailto:webbuilders03@gmail.com' rel="nofollow ugc">webbuilders03@gmail.com</a> for any kinds of Suggestion**

Before After Image Comparison Slider for Elementor

Before After Image Comparison Slider for Elementor is an image comparison slider plugin for Elementor Page Builder. This plugin allows you to create t …

Sravnitel vs Before After Image Comparison Slider for Elementor