Title: Image Parallax Author: WebMaestro.Fr Published: 14 พฤษภาคม 2012 Last modified: 16 มิถุนายน 2014 --- Search plugins ![](https://ps.w.org/image-parallax/assets/banner-772x250.jpg?rev=919740) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://s.w.org/plugins/geopattern-icon/image-parallax_e8e8e8.svg) # Image Parallax By [WebMaestro.Fr](https://profiles.wordpress.org/webmaestrofr/) [Download](https://downloads.wordpress.org/plugin/image-parallax.zip) * [Details](https://th.wordpress.org/plugins/image-parallax/#description) * [Reviews](https://th.wordpress.org/plugins/image-parallax/#reviews) * [Installation](https://th.wordpress.org/plugins/image-parallax/#installation) * [Development](https://th.wordpress.org/plugins/image-parallax/#developers) [Support](https://wordpress.org/support/plugin/image-parallax/) ## Description Upload the layers of your image, and create a parallax effect ! It works great on smart devices too ! The first step is to create with your favorite picture editing software (_Photoshop_, _GIMP_…) an independent image for each ground composing your image. All these layers shall be the **same size**, and should be in **.png** format as they are meant to include transparency areas. Then, on your post editing page in WordPress, click the _Insert Media_ button, and (the same way you would create a gallery) upload your layers under the _Create Parallax_ item. Reorganise the layers if needed, from the background to the front. You can finally configure the animation (calibrate, invert, limit, scalar, friction), and publish ! There is [some examples](http://webmaestro.fr/image-parallax-plugin-wordpress/) on the plugin page. It uses [parallax.js](http://wagerfield.github.io/parallax/) by Matthew Wagerfield. ## Screenshots * [[ * Upload your layers, organise them, and configure the animation. * [[ * First of all, generate independent .png files of each layer of your image. This is the boring step. ## Installation 1. Upload `image-parallax` to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Create a .png file for each layer 4. Create an effect, upload your layers, and publish ! ## FAQ No question asked No answer to give. ## Reviews ![](https://secure.gravatar.com/avatar/fc1563285642e7f90b8d5f4ec7372ef1114fc7b851133d380d117b210eae9cb7? s=60&d=retro&r=g) ### 󠀁[Very handy!](https://wordpress.org/support/topic/very-handy-160/)󠁿 [evanmcclan](https://profiles.wordpress.org/evanmcclan/) 17 พฤษภาคม 2018 This plugin works just as intended, but can you add some new features, like instead of just mouse position parallax, it can be configured to parallax with a page’s scroll position, or by a click on the image itself/ a click and drag of the image ![](https://secure.gravatar.com/avatar/7317b40731efe3cdee50cc9e836d291673b7a9aa1be704fd24151c90a99eba96? s=60&d=retro&r=g) ### 󠀁[Excellent implementation of Parallax.js](https://wordpress.org/support/topic/excellent-implementation-of-parallaxjs/)󠁿 [paulzz3000](https://profiles.wordpress.org/paulzz3000/) 3 กันยายน 2016 Bonjour! Just came across Image Parallax. Excellently done monsieur. Have attempted to get Wagerfield’s script in Wordpress but failed miserably. Have you managed to make it work with backgrounds? Merci beaucoup P [ Read all 5 reviews ](https://wordpress.org/support/plugin/image-parallax/reviews/) ## Contributors & Developers “Image Parallax” is open source software. The following people have contributed to this plugin. Contributors * [ WebMaestro.Fr ](https://profiles.wordpress.org/webmaestrofr/) [Translate “Image Parallax” into your language.](https://translate.wordpress.org/projects/wp-plugins/image-parallax) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/image-parallax/), check out the [SVN repository](https://plugins.svn.wordpress.org/image-parallax/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/image-parallax/) by [RSS](https://plugins.trac.wordpress.org/log/image-parallax/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.1 Improved CSS #### 2.0 New version, now using a media type instead of a post type ! Compatible with WP3.9! #### 1.3 Solved the size issue ! Updated the demo link. #### 1.2 Fixed the issues with post-thumbnails support. #### 1.1 Updated functions, moved to classes, cleaned the code… Also fixed the funny opacity problem in the background. #### 1.0 Waiting for feed back ! ## Meta * Version **2.1** * Last updated **12 ปี ago** * Active installations **100+** * WordPress version ** 3.9.1 or higher ** * Tested up to **3.9.40** * Language * [English (US)](https://wordpress.org/plugins/image-parallax/) * Tags * [3d](https://th.wordpress.org/plugins/tags/3d/)[image](https://th.wordpress.org/plugins/tags/image/) [parallax](https://th.wordpress.org/plugins/tags/parallax/)[picture](https://th.wordpress.org/plugins/tags/picture/) * [Advanced View](https://th.wordpress.org/plugins/image-parallax/advanced/) ## Ratings 4.8 out of 5 stars. * [ 3 5-star reviews ](https://wordpress.org/support/plugin/image-parallax/reviews/?filter=5) * [ 1 4-star review ](https://wordpress.org/support/plugin/image-parallax/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/image-parallax/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/image-parallax/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/image-parallax/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/image-parallax/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/image-parallax/reviews/) ## Contributors * [ WebMaestro.Fr ](https://profiles.wordpress.org/webmaestrofr/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/image-parallax/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](http://webmaestro.fr/blog/image-parallax-plugin-for-wordpress/)