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
## عکسهای صفحه
* [[
* Working plugin
* [[
* Shortcode
* [[
* Description field in the attachment details
## نصب
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.
## سوالات متداول
How is it implemented?
Same as Twenty20 plugin – 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’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’s shortcode.
Examples
* Fit image into the view window, w/o titles:
[sravnitel id=”test” 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
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
## نقد و بررسیها
### [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/) مارچ 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/
[ خواندن تمامی 1 نقد و بررسی ](https://wordpress.org/support/plugin/sravnitel/reviews/)
## توسعه دهندگان و همکاران
“Sravnitel” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کردهاند.
مشارکت کنندگان
* [ okdzhimiev ](https://profiles.wordpress.org/okdzhimiev/)
[ترجمه “Sravnitel” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/sravnitel)
### علاقه مند به توسعه هستید؟
[کد را مرور کنید](https://plugins.trac.wordpress.org/browser/sravnitel/), را بررسی
کنید [مخزن SVN](https://plugins.svn.wordpress.org/sravnitel/), یا مشترک شوید [گزارش توسعه](https://plugins.trac.wordpress.org/log/sravnitel/)
توسط [RSS](https://plugins.trac.wordpress.org/log/sravnitel/?limit=100&mode=stop_on_copy&format=rss).
## گزارش تغییرات
#### 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 – 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 – zoom by pinching (tested on Android)
* Added a toggle button – to switch between images (hidden by default)
* Changed handle look
#### 1.0
* Initial release.
## اطلاعات
* Version **1.3**
* Last updated **9 سال پیش**
* Active installations **10+**
* WordPress version ** 4.5.5 یا بالاتر **
* Tested up to **4.7.33**
* Language
* [English (US)](https://wordpress.org/plugins/sravnitel/)
* Tags
* [before after slider](https://fa-af.wordpress.org/plugins/tags/before-after-slider/)
[images](https://fa-af.wordpress.org/plugins/tags/images/)[page](https://fa-af.wordpress.org/plugins/tags/page/)
[posts](https://fa-af.wordpress.org/plugins/tags/posts/)[visual composer](https://fa-af.wordpress.org/plugins/tags/visual-composer/)
* [نمایش پیشرفته](https://fa-af.wordpress.org/plugins/sravnitel/advanced/)
## امتیازها
5 out of 5 stars.
* [ 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/)
## مشارکت کنندگان
* [ okdzhimiev ](https://profiles.wordpress.org/okdzhimiev/)
## پشتیبانی
چیزی برای گفتن دارید؟ نیاز به کمک دارید؟
[مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/sravnitel/)