Title: JYP Images Effects Author: jypdevelopment Published: Oktòb 10, 2026 Last modified: Oktòb 10, 2026 --- Search plugins ![](https://ps.w.org/jyp-images-effects/assets/icon-256x256.png?rev=3738178) # JYP Images Effects By [jypdevelopment](https://profiles.wordpress.org/jypdevelopment/) [Download](https://downloads.wordpress.org/plugin/jyp-images-effects.0.5.20.zip) * [Details](https://hat.wordpress.org/plugins/jyp-images-effects/#description) * [Reviews](https://hat.wordpress.org/plugins/jyp-images-effects/#reviews) * [Installation](https://hat.wordpress.org/plugins/jyp-images-effects/#installation) * [Development](https://hat.wordpress.org/plugins/jyp-images-effects/#developers) [Support](https://wordpress.org/support/plugin/jyp-images-effects/) ## Description 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. ## Installation 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. ## FAQ ### 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. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “JYP Images Effects” is open source software. The following people have contributed to this plugin. Contributors * [ jypdevelopment ](https://profiles.wordpress.org/jypdevelopment/) [Translate “JYP Images Effects” into your language.](https://translate.wordpress.org/projects/wp-plugins/jyp-images-effects) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/jyp-images-effects/), check out the [SVN repository](https://plugins.svn.wordpress.org/jyp-images-effects/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/jyp-images-effects/) by [RSS](https://plugins.trac.wordpress.org/log/jyp-images-effects/?limit=100&mode=stop_on_copy&format=rss). ## Meta * Version **0.5.20** * Last updated **20 è ago** * Active installations **Fewer than 10** * WordPress version ** 6.5 or higher ** * Tested up to **7.1.3** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/jyp-images-effects/) * Tags * [animation](https://hat.wordpress.org/plugins/tags/animation/)[elementor](https://hat.wordpress.org/plugins/tags/elementor/) [image](https://hat.wordpress.org/plugins/tags/image/)[layers](https://hat.wordpress.org/plugins/tags/layers/) [parallax](https://hat.wordpress.org/plugins/tags/parallax/) * [Advanced View](https://hat.wordpress.org/plugins/jyp-images-effects/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/jyp-images-effects/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/jyp-images-effects/reviews/) ## Contributors * [ jypdevelopment ](https://profiles.wordpress.org/jypdevelopment/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/jyp-images-effects/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://jyp-plugins.tech/donate/)