该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的WordPress一起使用时,可能不再受到维护或支持,并且可能会存在兼容性问题。

Image Parallax

描述

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 on the plugin page.

It uses parallax.js by Matthew Wagerfield.

屏幕截图

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

安装

  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 !

常见问题

No question asked

No answer to give.

评价

2018 年 5 月 17 日
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
2016 年 9 月 3 日
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
阅读所有5条评价

贡献者及开发者

「Image Parallax」是开源软件。 以下人员对此插件做出了贡献。

贡献者

帮助将「Image Parallax」翻译成简体中文。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

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 !