Title: Advanced Before After Slider
Author: Uday Moradiya
Published: <strong>13 أغسطس، 2021</strong>
Last modified: 13 أغسطس، 2021

---

البحث عن الإضافات

![](https://ps.w.org/advanced-before-after-slider/assets/banner-772x250.png?rev=
2582879)

هذه الإضافة **لم يتم تحديثها وتجربتها لأكثر من 3 إصدارات ووردبريس رئيسية**. قد لا
تكون خاضعة للصيانة أو تقدم الدعم والمساعدة بالوقت الحالي وقد تكون بها مشاكل في التوافق
عند إستخدامها مع إصدارات حديثة من ووردبريس.

![](https://ps.w.org/advanced-before-after-slider/assets/icon-256x256.png?rev=2582627)

# Advanced Before After Slider

 بواسطة [Uday Moradiya](https://profiles.wordpress.org/udaymoradiya/)

[تنزيل](https://downloads.wordpress.org/plugin/advanced-before-after-slider.1.0.0.zip)

 * [تفاصيل](https://ar.wordpress.org/plugins/advanced-before-after-slider/#description)
 * [المراجعات](https://ar.wordpress.org/plugins/advanced-before-after-slider/#reviews)
 *  [التنصيب](https://ar.wordpress.org/plugins/advanced-before-after-slider/#installation)
 * [التطوير](https://ar.wordpress.org/plugins/advanced-before-after-slider/#developers)

 [الدعم](https://wordpress.org/support/plugin/advanced-before-after-slider/)

## الوصف

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.

### Shortcode Parameters

 * **orientation:** Orientation of the before and after images (‘horizontal’ or ‘
   vertical’)
 * **before_label:** Set a custom before label
 * **after_label:** Set a custom after label
 * **no_overlay:** Do not show the overlay with before and after
 * **move_slider_on_hover:** Move slider on mouse hover?
 * **click_to_move:** Allow a user to click (or tap) anywhere on the image to move
   the slider to that location.

### Key Features

✔️ 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.

### How to Use

Advanced Before and After Slider plugin is a very simple way to use, you just put
a shortcode anywhere.

#### Shortcode:

    ```
    [abas-slider before_src="" after_src="" before_label="Before Label" after_label="After Label" click_to_move="true"]
    ```

### Click here to see 󠀁[demo](https://plugins.blacktheme.net/advanced-before-after/)󠁿

## لقطات الشاشة

[⌊Horizontal View⌉⌊Horizontal View⌉[

Horizontal View

[⌊Vertical View⌉⌊Vertical View⌉[

Vertical View

## التنصيب

Easiest way: 1. Upload the plugin files to the `/wp-content/plugins/plugin-name`
directory, or install the plugin through the WordPress plugins screen directly. 
2. Activate the plugin through the \’Plugins\’ screen in WordPress 3. Use the Settings-
>Plugin Name screen to configure the plugin

## الأسئلة المتكررّة

### Can I change the before/after labels?

Yes, you can.

### Move slider on mouse hover?

Yes

### Is this plugin works with horizontal and vertical orientation?

Yes

## المراجعات

لا توجد مراجعات لهذه الإضافة.

## المساهمون والمطوّرون

“Advanced Before After Slider” هو برنامج مفتوح المصدر. وقد ساهم هؤلاء الأشخاص بالأسفل
في هذه الإضافة.

المساهمون

 *   [ Uday Moradiya ](https://profiles.wordpress.org/udaymoradiya/)

لقد تم ترجمة ”Advanced Before After Slider“ إلى لغتين. شكراً إلى جميع [المُترجمين](https://translate.wordpress.org/projects/wp-plugins/advanced-before-after-slider/contributors)
لمُساهماتهم.

[ترجمة ”Advanced Before After Slider“ إلى لغتك.](https://translate.wordpress.org/projects/wp-plugins/advanced-before-after-slider)

### مُهتم بالتطوير؟

[تصفّح الشفرة](https://plugins.trac.wordpress.org/browser/advanced-before-after-slider/)،
تحقق من [مستودع SVN](https://plugins.svn.wordpress.org/advanced-before-after-slider/)،
أو الاشتراك في [سجل التطوير](https://plugins.trac.wordpress.org/log/advanced-before-after-slider/)
بواسطة [RSS](https://plugins.trac.wordpress.org/log/advanced-before-after-slider/?limit=100&mode=stop_on_copy&format=rss).

## سجل التغييرات

#### 1.0.0

Initial release

## ميتا Meta

 *  Version **1.0.0**
 *  Last updated **قبل 5 سنوات**
 *  Active installations **أقل من 10**
 *  WordPress version ** 4.7 أو أعلى **
 *  Tested up to **5.8.18**
 *  PHP version ** 5.3 أو أعلى **
 *  Languages
 * [Dutch](https://nl.wordpress.org/plugins/advanced-before-after-slider/)، [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/advanced-before-after-slider/)،
   و [English (US)](https://wordpress.org/plugins/advanced-before-after-slider/).
 *  [ترجمة إلى لغتك](https://translate.wordpress.org/projects/wp-plugins/advanced-before-after-slider)
 * Tags
 * [before after slider](https://ar.wordpress.org/plugins/tags/before-after-slider/)
   [before-after-image](https://ar.wordpress.org/plugins/tags/before-after-image/)
 *  [عرض متقدم](https://ar.wordpress.org/plugins/advanced-before-after-slider/advanced/)

## التقييم

لم يتم تقديم أي مراجعات بعد.

[Your review](https://wordpress.org/support/plugin/advanced-before-after-slider/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/advanced-before-after-slider/reviews/)

## المساهمون

 *   [ Uday Moradiya ](https://profiles.wordpress.org/udaymoradiya/)

## الدعم

لديك شيء لتقوله؟ بحاجة الى مساعدة؟

 [عرض منتدى الدعم](https://wordpress.org/support/plugin/advanced-before-after-slider/)