WordPress.org

Plugin Directory

Test out the new Plugin Directory and let us know what you think.

Sravnitel

Before-After overlayed image comparison plugin with: slider, zoom, 2+ images.

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

Features

  • Compare 2+ images
  • Zoom and pan
  • Initial zoom and offset
  • Touch events: click, drag, pinch to zoom

Tips

  • Click on the view area to quickly switch between left and right image
  • Click on the zoom info in the top right to zoom-to-fit the view area

Working demo

Elphel's Blog: Lapped MDCT-based image conditioning with optical aberrations correction, color conversion, edge emphasis and noise reduction

Quick examples

  • Fit image into the view window, w/o titles:
[sravnitel images="ID0,ID1,ID2" width=640 height=480]
  • Fit image into the view window, with titles and toggle button:
[sravnitel images="ID0,ID1,ID2" width=640 height=480 showtitles=true showtoggle=true]
  • Also fit image, with titles:
[sravnitel images="ID0,ID1,ID2" width=640 height=480 showtitles=true zoom=0]
  • 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]

Shortcode Parameters

  • id - int - 0 - wrapper's <div> element id
  • images - str - '' - (required) list of images ids (attachment_id), comma separated
  • width - int - 530 - view window width px
  • height - int - 300 - view window height px
  • showtitles - bool - false - show/hide titles
  • showtoggle - bool - false - show/hide button - switch between left and right image
  • index_l - int - 0 - init, left image - is the index of the images array, starting from 0
  • index_r - int - 1 - init, right image - is the index of the images array, starting from 0
  • zoom - float - 0 - init, zoom, 0 - fit to view window, 1.0 - 100%
  • center_x - int - 0 - init, x coordinate of the original image to be placed in the center of the view window
  • center_y - int - 0 - init, y coordinate of the original image to be placed in the center of the view window

Requires: 4.5.5 or higher
Compatible up to: 4.7.2
Last Updated: 1 day ago
Active Installs: Less than 10

Ratings

0 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.