WordPress Parallax Icon

Image Parallax Plugin for WordPress

Parallax as a new media type ! Upload your layers, and then insert images with a depth effect into your posts.

GitHub WordPress

Upload the layers of your image, and create a parallax effect !

  • p2-1
  • p2-2
  • p2-3
  • p2-4
  • p2-5
  • p2-6
  • p2-7

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 !

Example WordPress Parallax

This plugin uses parallax.js by Matthew Wagerfield.

  • parallax15
  • parallax14
  • parallax12
  • parallax11
  • parallax10
  • parallax09
  • parallax08
  • parallax13
  • parallax07
  • parallax06
  • parallax05
  • parallax04
  • parallax03
  • parallax02
  • parallax01