Title: JYP Images Effects
Author: jypdevelopment
Published: <strong>2026-10-10</strong>
Last modified: 2026-10-10

---

Szukaj wtyczek

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

# JYP Images Effects

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

[Pobierz](https://downloads.wordpress.org/plugin/jyp-images-effects.0.5.20.zip)

 * [Szczegóły](https://pl.wordpress.org/plugins/jyp-images-effects/#description)
 * [Recenzje](https://pl.wordpress.org/plugins/jyp-images-effects/#reviews)
 *  [Instalacja](https://pl.wordpress.org/plugins/jyp-images-effects/#installation)
 * [Rozwój](https://pl.wordpress.org/plugins/jyp-images-effects/#developers)

 [Wsparcie](https://wordpress.org/support/plugin/jyp-images-effects/)

## Opis

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.

## Instalacja

 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.

## Najczęściej zadawane pytania

### 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.

## Recenzje

Wtyczka nie ma jeszcze żadnej recenzji.

## Kontrybutorzy i deweloperzy

„JYP Images Effects” jest oprogramowaniem open source. Poniższe osoby miały wkład
w rozwój wtyczki.

Zaangażowani

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

[Przetłumacz wtyczkę “JYP Images Effects” na swój język.](https://translate.wordpress.org/projects/wp-plugins/jyp-images-effects)

### Interesuje cię rozwój wtyczki?

[Przeglądaj kod](https://plugins.trac.wordpress.org/browser/jyp-images-effects/),
sprawdź [repozytorium SVN](https://plugins.svn.wordpress.org/jyp-images-effects/)
lub czytaj [dziennik rozwoju](https://plugins.trac.wordpress.org/log/jyp-images-effects/)
przez [RSS](https://plugins.trac.wordpress.org/log/jyp-images-effects/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Wersja **0.5.20**
 *  Ostatnia aktualizacja **1 dzień temu**
 *  Włączone instalacje **Mniej niż 10**
 *  Wersja WordPressa ** 6.5 lub nowszej **
 *  Testowano do **7.1.3**
 *  Wersja PHP ** 7.4 lub nowszej **
 *  Język
 * [English (US)](https://wordpress.org/plugins/jyp-images-effects/)
 * Tagi
 * [animation](https://pl.wordpress.org/plugins/tags/animation/)[elementor](https://pl.wordpress.org/plugins/tags/elementor/)
   [image](https://pl.wordpress.org/plugins/tags/image/)[layers](https://pl.wordpress.org/plugins/tags/layers/)
   [parallax](https://pl.wordpress.org/plugins/tags/parallax/)
 *  [Widok zaawansowany](https://pl.wordpress.org/plugins/jyp-images-effects/advanced/)

## Oceny

Nie przesłano jeszcze żadnych recenzji.

[Twoja opinia](https://wordpress.org/support/plugin/jyp-images-effects/reviews/#new-post)

[Zobacz wszystkierecenzje.](https://wordpress.org/support/plugin/jyp-images-effects/reviews/)

## Zaangażowani

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

## Wsparcie

Masz coś do dodania? Potrzebujesz pomocy?

 [Zobacz forum wsparcia](https://wordpress.org/support/plugin/jyp-images-effects/)

## Złóż datek

Czy chcesz wesprzeć rozwój wtyczki?

 [ Wspomóż wtyczkę ](https://jyp-plugins.tech/donate/)