Improved CSS<\/p>","2.0":"
New version, now using a media type instead of a post type ! Compatible with WP3.9 !<\/p>","1.3":"
Solved the size issue !<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":"1","5":"4"},"assets_icons":[],"assets_banners":{"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":"919740","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.1","1.2"],"block_files":[],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":"917051","resolution":"1","location":"assets"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"917051","resolution":"2","location":"assets"}},"screenshots":{"1":"Upload your layers, organise them, and configure the animation.","2":"First of all, generate independent .png files of each layer of your image. This is the boring step."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[783,133,2693,216],"plugin_category":[50],"plugin_contributors":[83342],"plugin_business_model":[],"class_list":["post-18147","plugin","type-plugin","status-publish","hentry","plugin_tags-3d","plugin_tags-image","plugin_tags-parallax","plugin_tags-picture","plugin_category-media","plugin_contributors-webmaestrofr","plugin_committers-webmaestrofr"],"banners":{"banner":"https:\/\/ps.w.org\/image-parallax\/assets\/banner-772x250.jpg?rev=919740","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/image-parallax_e8e8e8.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/image-parallax\/assets\/screenshot-1.gif?rev=917051","caption":"Upload your layers, organise them, and configure the animation."},{"src":"https:\/\/ps.w.org\/image-parallax\/assets\/screenshot-2.png?rev=917051","caption":"First of all, generate independent .png files of each layer of your image. This is the boring step."}],"raw_content":"\n
Upload the layers of your image, and create a parallax effect !<\/p>\n\n
It works great on smart devices too !<\/p>\n\n
The first step is to create with your favorite picture editing software (Photoshop<\/em>, GIMP<\/em>...) an independent image for each ground composing your image. All these layers shall be the same size<\/strong>, and should be in .png<\/strong> format as they are meant to include transparency areas.\nThen, on your post editing page in WordPress, click the Insert Media<\/em> button, and (the same way you would create a gallery) upload your layers under the Create Parallax<\/em> item. Reorganise the layers if needed, from the background to the front.\nYou can finally configure the animation (calibrate, invert, limit, scalar, friction), and publish !<\/p>\n\n