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.

Uday Moradiya

The Advanced Before and After Slider plugin offers a virtual way to show two images in the same frame. Users can manually move the slider to compare both images at once. This plugin help to show before and after image in one frame with movable handle, Main use for comparing two images in one frame with a bar in the middle.
<h3>Shortcode Parameters</h3>
<ul>
<li>orientation: Orientation of the before and after images (‘horizontal’ or ‘vertical’)</li>
<li>before_label: Set a custom before label</li>
<li>after_label: Set a custom after label</li>
<li>no_overlay: Do not show the overlay with before and after</li>
<li>move_slider_on_hover: Move slider on mouse hover?</li>
<li>click_to_move: Allow a user to click (or tap) anywhere on the image to move the slider to that location.</li>
</ul>
<h3>Key Features</h3>
✔️ Change Before/After Label. 
✔️ Horizontal and Vertical Orientation option. 
✔️ Image Overlay Option. 
✔️ Move the slider on mouse hover. 
✔️ Allow a user to click anywhere on the image to move the slider to that location.
<h3>How to Use</h3>
Advanced Before and After Slider plugin is a very simple way to use, you just put a shortcode anywhere.
<h4>Shortcode:</h4>
<pre><code>[abas-slider before_src="" after_src="" before_label="Before Label" after_label="After Label" click_to_move="true"]
</code></pre>
<h3>Click here to see <a href="https://plugins.blacktheme.net/advanced-before-after/" rel="nofollow ugc">demo</a></h3>

Advanced Before After Slider

The Advanced Before and After Slider plugin used for compare two images in one frame.

Sravnitel vs Advanced Before After Slider