Title: JYP Images Effects
Author: jypdevelopment
Published: <strong>10 اکتبر 2026</strong>
Last modified: 10 اکتبر 2026

---

جستجوی افزونه‌ها

![](https://ps.w.org/jyp-images-effects/assets/icon-256x256.png?rev=3738178)

# JYP Images Effects

 توسط [jypdevelopment](https://profiles.wordpress.org/jypdevelopment/)

[دانلود](https://downloads.wordpress.org/plugin/jyp-images-effects.0.5.20.zip)

 * [جزئیات](https://fa.wordpress.org/plugins/jyp-images-effects/#description)
 * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/jyp-images-effects/#reviews)
 *  [نصب](https://fa.wordpress.org/plugins/jyp-images-effects/#installation)
 * [توسعه](https://fa.wordpress.org/plugins/jyp-images-effects/#developers)

 [پشتیبانی](https://wordpress.org/support/plugin/jyp-images-effects/)

## توضیحات

JYP Images Effects adds an Elementor widget for building layered image and text 
compositions. This first release includes one visual effect: 3D parallax that responds
to pointer movement. More effects are planned for future updates.

**Developer:** [JYP – Just Your Plugin](https://jyp-plugins.tech/)

**Plugin information:** [JYP Images Effects](https://jyp-plugins.tech/jyp-images-effects/)

JYP Images Effects is completely free to use, and all of its features will remain
free.

The widget uses parallax by default with 100% intensity, a 30-degree maximum tilt,
and a 700 px perspective. The effect responds only while the pointer is inside the
widget. Its layers smoothly scale during tilting to keep covering the widget. Reduced-
motion preferences are respected.

Features:

 * Add multiple image and text layers to a single widget.
 * Adjust layer depth, movement strength, image scale, alignment, typography, borders,
   shadows, and other styling options.
 * Configure the parallax intensity, maximum tilt, perspective, and whether the 
   effect responds only while the pointer is over the widget.
 * Configure reduced-motion intensity and respect the visitor’s reduced-motion preference.
 * Uses Elementor’s existing image widget as its base and requires Elementor to 
   be installed and active.

### Usage Examples

#### Example 1: Parallax with image layers

 1. In Elementor, add the **JYP Images Effects** widget to your page.
 2. In the **Layers** section, edit the first layer and choose an image for the background
    or base.
 3. Add more layers with the repeater’s **Add Item** button. Choose an image for each
    layer and arrange them from the background to the foreground.
 4. For each layer, adjust **Depth**, **Movement strength**, and **Scale**. Use transparent
    PNG or WebP images for foreground objects when you want lower layers to show through.
 5. In the **Effects** section, set **Effect** to **Parallax**, then adjust intensity,
    maximum tilt, perspective, and **In widget area** as needed.
 6. Preview the page and move the pointer to see the image layers shift at different
    depths.

#### Example 2: Parallax with image and text layers

 1. Add the **JYP Images Effects** widget in Elementor and set an image as the first,
    background layer.
 2. Add another item in **Layers**. Set **Content type** to **Image** and choose an
    image for a foreground layer. Add other image layers if needed.
 3. Add another item and set **Content type** to **Text**. Enter the text in the **
    Text** editor.
 4. Arrange the text layer in the stack, then adjust its **Depth** and **Movement strength**.
    Use the horizontal and vertical position controls to place the text over the image.
 5. Style the text with the typography, text color, background, border, shadow, and
    padding controls.
 6. In **Effects**, choose **Parallax** and adjust the effect settings. Preview the
    page and move the pointer to see the image and text layers move at different depths.

## نصب

 1. Install and activate Elementor.
 2. Upload the `jyp-images-effects` folder to the `/wp-content/plugins/` directory,
    or install the plugin through the WordPress Plugins screen.
 3. Activate the JYP Images Effects plugin through the Plugins screen.
 4. In Elementor, add the **JYP Images Effects** widget to your page.
 5. Add image or text layers and configure the effect and styling options.

## سوالات متداول

### Does this plugin work without Elementor?

No. Elementor must be installed and active. Support for using the effect with a 
shortcode is planned for a future version.

### How do I enable parallax?

Open the widget’s **Effects** section, choose **Parallax**, then configure the intensity
and other available settings.

### Does the effect respect reduced-motion preferences?

Yes. The widget uses the configured reduced-motion intensity when the visitor’s 
device requests reduced motion.

## نقد و بررسی‌ها

نقد و بررسی‌ای برای این افزونه یافت نشد.

## توسعه دهندگان و همکاران

“JYP Images Effects” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند.

مشارکت کنندگان

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

[ترجمه “JYP Images Effects” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/jyp-images-effects)

### علاقه‌ مند به توسعه هستید؟

[کد را مرور کنید](https://plugins.trac.wordpress.org/browser/jyp-images-effects/)،
[مخزن SVN](https://plugins.svn.wordpress.org/jyp-images-effects/) را بررسی کنید،
یا از طریق [RSS](https://plugins.trac.wordpress.org/log/jyp-images-effects/?limit=100&mode=stop_on_copy&format=rss)
در [گزارش توسعه](https://plugins.trac.wordpress.org/log/jyp-images-effects/) مشترک
شوید.

## اطلاعات

 *  نگارش **0.5.20**
 *  آخرین به‌روزرسانی **15 ساعت پیش**
 *  نصب‌های فعال **کمتر از 10**
 *  نگارش وردپرس ** 6.5 یا بالاتر **
 *  آزمایش‌شده تا **7.1.3**
 *  نگارش PHP ** 7.4 یا بالاتر **
 *  زبان
 * [English (US)](https://wordpress.org/plugins/jyp-images-effects/)
 * برچسب
 * [animation](https://fa.wordpress.org/plugins/tags/animation/)[elementor](https://fa.wordpress.org/plugins/tags/elementor/)
   [image](https://fa.wordpress.org/plugins/tags/image/)[layers](https://fa.wordpress.org/plugins/tags/layers/)
   [parallax](https://fa.wordpress.org/plugins/tags/parallax/)
 *  [نمایش پیشرفته](https://fa.wordpress.org/plugins/jyp-images-effects/advanced/)

## امتیازها

هنوز هیچ نقدی ارسال نشده است.

[بررسی شما](https://wordpress.org/support/plugin/jyp-images-effects/reviews/#new-post)

[مشاهدهٔ همهٔ بررسی‌ها](https://wordpress.org/support/plugin/jyp-images-effects/reviews/)

## مشارکت کنندگان

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

## پشتیبانی

چیزی برای گفتن دارید؟ نیاز به کمک دارید؟

 [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/jyp-images-effects/)

## کمک مالی

آیا تمایل دارید از پیشرفت این افزونه حمایت کنید؟

 [ کمک مالی به این افزونه ](https://jyp-plugins.tech/donate/)