Title: Sravnitel
Author: okdzhimiev
Published: <strong>Ṣẹrẹ 21, 2017</strong>
Last modified: Èrèlé  27, 2017

---

Ṣàwárí àwọn plugin

![](https://ps.w.org/sravnitel/assets/banner-772x250.png?rev=1582254)

Plugin yìí **kò tíì ṣe àyẹ̀wò pẹ̀lú àwọn ìtújáde mẹ́ta pàtàkì tó kẹ́yìn ti WordPress**.
Ó lè jẹ́ pé a kò tọ́jú tàbí ṣe àtìlẹ́yìn fún un mọ́, ó sì lè ní àwọn ọ̀ràn ìbámu
nígbà tí a bá lò ó pẹ̀lú àwọn ẹ̀yà WordPress tuntun.

![](https://ps.w.org/sravnitel/assets/icon-256x256.png?rev=1582254)

# Sravnitel

 Láti ọwọ́ [okdzhimiev](https://profiles.wordpress.org/okdzhimiev/)

[Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/sravnitel.1.3.zip)

 * [Àwọn àlàyé](https://yor.wordpress.org/plugins/sravnitel/#description)
 * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/sravnitel/#reviews)
 *  [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/sravnitel/#installation)
 * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/sravnitel/#developers)

 [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/sravnitel/)

## Àpèjúwe

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
 * To place several instances of the plugin assign unique ids: [sravnitel id=Ìtumọ̀
   Yorùbá: ’test1Ìtumọ̀ Yorùbá: ′ …], [sravnitel id=Ìtumọ̀ Yorùbá: ’test2Ìtumọ̀ 
   Yorùbá: ′ …]

**Working demo**

[ElphelÌtumọ̀ Yorùbá: ’s Blog: Lapped MDCT-based image conditioning with optical aberrations correction, color conversion, edge emphasis and noise reduction](http://blog.elphel.com/2017/01/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Ìtumọ̀
   Yorùbá: ″ width=640 height=480]
 * Fit image into the view window, with titles and toggle button:
    [sravnitel images
   =”ID0,ID1,ID2Ìtumọ̀ Yorùbá: ″ width=640 height=480 showtitles=true showtoggle
   =true]
 * Also fit image, with titles:
    [sravnitel images=”ID0,ID1,ID2Ìtumọ̀ Yorùbá: ″ 
   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=Ìtumọ̀ Yorùbá: ’ID0,ID1,ID2Ìtumọ̀ Yorùbá: ′ width=640 height=480 showtitles
   =true zoom=0.3 center_x=0 center_y=0]

**Shortcode Parameters**

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

## Àwọn àwòrán ìbòjú

 * [[
 * Working plugin
 * [[
 * Shortcode
 * [[
 * Description field in the attachment details

## Ìgbéwọlẹ̀

 1. Upload the plugin files to the `/wp-content/plugins/sravnitel` directory, or install
    the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.

## FAQ

  How is it implemented?

Same as Twenty20 plugin Ìtumọ̀ Yorùbá: – stacks two selected images so they are 
displayed as if one is lying on top of another. As the slider moves the compared
images are displayed on the opposite sides of the divider.

Image titles are taken from description or title (if description is empty) of the
attached image.

  How to find the ID of the attached image?

ItÌtumọ̀ Yorùbá: ’s an integer number. Insert an image into a post and look for “
wp-image-NN”. Or find the permalink of the attachment. Type in NNs into the pluginÌtumọ̀
Yorùbá: ’s shortcode.

  Examples

 * Fit image into the view window, w/o titles:
    [sravnitel id=”test” images=”ID0,
   ID1,ID2Ìtumọ̀ Yorùbá: ″ width=640 height=480]
 * Fit image into the view window, with titles and toggle button:
    [sravnitel images
   =”ID0,ID1,ID2Ìtumọ̀ Yorùbá: ″ width=640 height=480 showtitles=true showtoggle
   =true]
 * Also fit image, with titles:
    [sravnitel images=”ID0,ID1,ID2Ìtumọ̀ Yorùbá: ″ 
   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=Ìtumọ̀ Yorùbá: ’ID0,ID1,ID2Ìtumọ̀ Yorùbá: ′ width=640 height=480 showtitles
   =true zoom=0.3 center_x=0 center_y=0]

  Shortcode Parameters

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

## Àwọn àgbéyẹ̀wò

![](https://secure.gravatar.com/avatar/79d332fdfaabba3f1ae0bb5688c70f640603f63379291587532d53cdd6ec96aa?
s=60&d=retro&r=g)

### 󠀁[Site-visitors can compare selectable images with zoom and pan and slider](https://wordpress.org/support/topic/site-visitors-can-compare-selectable-images-with-zoom-and-pan-and-slider/)󠁿

 [prepar3dforflight](https://profiles.wordpress.org/prepar3dforflight/) Ẹrẹ́nà 7,
2017

This is (at this time) the ONLY WordPress plugin allowing your site visitors to 
compare two pictures ( befor / after comparison) from a given picture range, so 
from multiple pictures! You just enter the ids, give the size for the plugin, and
this very cool plugin takes the pictures in its container, creates a list under 
the image-comparison made by description, or if empty from the image-title, and 
adds two checkbox columns in front of it. So your visitors can select the two pictures
from the list to compare, and than slide over them to see the differences. The can
also zoom in the pictures by mousewheel! And pan by dragging with left mouse button!
It also works in responsive themes! And on mobile devices! Like you would expect:
Just panning by moving with finger in the graphic, or spreading two fingers to zoom
or sliding on the slider. Absolutly great Plugin! I love it! You can see an example
at https://p3d-fsx.de/

 [ Ka gbogbo àgbéyẹ̀wò 1 ](https://wordpress.org/support/plugin/sravnitel/reviews/)

## Àwọn Olùkópa & Olùgbéejáde

“Sravnitel” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí
plugin yìí.

Àwọn Olùkópa

 *   [ okdzhimiev ](https://profiles.wordpress.org/okdzhimiev/)

[Túmọ̀ “Sravnitel” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/sravnitel)

### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/sravnitel/), ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/sravnitel/),
tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/sravnitel/)
nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/sravnitel/?limit=100&mode=stop_on_copy&format=rss).

## Àkọsílẹ̀ àwọn àyípadà

#### 1.3

 * Allow more than one instance on the page
 * Set title table margin to 0px
 * Fixed [… showtitles=false …] showing titles
 * Added delayed images place updating due to drag event lagging.

#### 1.2

 * Fixed view size when titles are disabled (showtitles=false)
 * Fixed divider containment area Ìtumọ̀ Yorùbá: – offset() instead of position()

#### 1.1

 * Fixed coordinates not rounding while dragging
 * Added single touch events by enabling ‘jquery-touch-punch’ in enqueue.php
 * Added multi touch Ìtumọ̀ Yorùbá: – zoom by pinching (tested on Android)
 * Added a toggle button Ìtumọ̀ Yorùbá: – to switch between images (hidden by default)
 * Changed handle look

#### 1.0

 * Initial release.

## Àkójọpọ̀ Meta

 *  Ẹ̀yà **1.3**
 *  Ìgbàgbọ́hùn tó kẹ́yìn **ọdún 9 sẹ́yìn**
 *  Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **10+**
 *  Ẹ̀yà WordPress ** 4.5.5 tàbí ju bẹ́ẹ̀ lọ **
 *  Dánwò dé **4.7.33**
 *  Èdè
 * [English (US)](https://wordpress.org/plugins/sravnitel/)
 * Àwọn àmì
 * [before after slider](https://yor.wordpress.org/plugins/tags/before-after-slider/)
   [images](https://yor.wordpress.org/plugins/tags/images/)[page](https://yor.wordpress.org/plugins/tags/page/)
   [posts](https://yor.wordpress.org/plugins/tags/posts/)[visual composer](https://yor.wordpress.org/plugins/tags/visual-composer/)
 *  [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/sravnitel/advanced/)

## Àwọn ìbò

 5 lára àwọn ìràwọ̀ 5.

 *  [  1 5-star review     ](https://wordpress.org/support/plugin/sravnitel/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/sravnitel/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/sravnitel/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/sravnitel/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/sravnitel/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/sravnitel/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/sravnitel/reviews/)

## Àwọn Olùkópa

 *   [ okdzhimiev ](https://profiles.wordpress.org/okdzhimiev/)

## Ìrànlọ́wọ́

Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́?

 [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/sravnitel/)