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.

anwarhossanrony

Anwar Before After Slider for Elementor helps you create clean before and after image comparison sliders inside Elementor.
Useful for: 
– Cleaning before and after results 
– Renovation and remodeling projects 
– Beauty and skincare transformations 
– Fitness progress comparisons 
– Landscaping work 
– Photography editing comparisons
Features: 
– Elementor widget for before and after image comparison 
– Smooth drag interaction 
– Touch support for mobile devices 
– Responsive default heights 
– Custom before and after labels 
– Start position control 
– Image fit and image position controls 
– Divider and handle styling 
– Lightweight frontend assets

Anwar Before After Slider for Elementor

Create responsive before and after image comparison sliders in Elementor with smooth drag and touch support.

Sravnitel vs Anwar Before After Slider for Elementor