wp-maverick

MBA Multimedia

WP Parallax Content Slider is a plugin which adds automatically a content slider of your last posts where you want on your WordPress blog or website.
This plugin is written upon the code of <a href="http://tympanus.net/codrops/author/crnacura/" rel="nofollow ugc">Manoella Ilic</a>, you can see the simple JQuery and CSS version <a href="http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/" rel="nofollow ugc">here</a>.
Transitions between slides are made using a powerfull combination of CSS3 and JQuery to display a beautiful parallax effect.
It is very easy to configure the plugin as it adds automatically an admin page in WordPress administration section. You will be able to configure :
<ul>
<li>New in v0.9.4 : Filter by post category directly with a shortcode parameter (eg. [parallaxcontentslider categ=”2″] or [parallaxcontentslider categ=”2,5″]);</li>
<li>The type of content to display (posts, pages, both);</li>
<li>The number of slides to display;</li>
<li>The auto-switch mode;</li>
<li>The time between each slide;</li>
<li>The sort order of the content to display;</li>
<li>The graphic theme;</li>
<li>and many more…</li>
</ul>
It’s also possible to choose to display a static HTML content instead of displaying last posts in the slider.
WARNING: This last feature is dangerous since all plugins files will are deleted by WordPress during an automatic update! Be careful if you use it and backup your files.
Roadmap:
<ul>
<li>Static slides in a new dedicated custom_post_type;</li>
<li>Better shortcodes;</li>
<li>Add a parameter to use an external CSS file to customize CSS styles;</li>
<li>Add extra parameters to the admin panel (Sizes, colors,…);</li>
<li>Better touch support;</li>
<li>and many more…</li>
</ul>
Available translations:
<ul>
<li>English: Julien Le Thuaut</li>
<li>French (fr_FR): Julien Le Thuaut</li>
<li>Russian (ru_RU): <a href="https://wordpress.org/support/profile/temur-danelia" rel="ugc">Temur Danelia</a></li>
<li>Georgian (ka_GE): <a href="https://wordpress.org/support/profile/temur-danelia" rel="ugc">Temur Danelia</a></li>
<li>Polish (pl_PL): <a href="https://wordpress.org/support/profile/snecz" rel="ugc">snecz</a></li>
<li>Turkish (tr_TR): Batuhan Büyükgüzel (Partial translation: 65%)</li>
<li>Dutch (nl_NL): Marieke_Louise</li>
<li>German (de_DE): Jan Holthuis</li>
<li>Spanish (es_ES): Germán Díaz de Rada</li>
<li>Arabic (ar): Mohamed Kawsara</li>
<li>Arabic Syria (ar_SY): Mohamed Kawsara</li>
<li>Portuguese (pt_BR): Thiago Passamnai (Partial translation: 60%)</li>
<li>Serbo-Croatian (sr_RS): <a href="http://www.webhostinghub.com" rel="nofollow ugc">Borisa Djuraskovic</a></li>
<li>Czech (cz_CZ): <a href="https://www.transifex.com/accounts/profile/boobinna/" rel="nofollow ugc">boobinna</a></li>
<li>other languages (xx_XX): Translators needed 😉 See the FAQ</li>
</ul>
<h4>Plugin’s Official Site</h4>
You’ll find more informations on the WP Parallax Content Slider plugin page <a href="http://jltweb.info/realisations/wp-parallax-content-plugin/" rel="nofollow ugc">here</a>.

WP Parallax Content Slider

A customizable JQuery content slider with CSS3 animations and parallax effects.

thehowarde

This is a simple parallax image plugin that uses the parallax.js script by pixelcog – http://pixelcog.github.io/parallax.js/
To insert your full width parallax image, simply use the [dd-parallax] shortcode. Include text to be overlaid on the parallax between the open and close [/dd-parallax] code. This plugin has been tested with WordPress 2014, 2015, 2016, and 2017 themes as well as a few themes that use Bootstrap. I can’t guarantee that it will work with all themes, but it’s worth a shot.
** Please note for WP 5.0 ** 
Currently this plugin works, but the TinyMCE button only works with the classic editor. A Gutenberg widget is in the works.
For example:
<pre><code>[dd-parallax img="imagename.jpg" height="600" speed="3" z-index="-100" mobile="mobile-image.jpg" offset="true"] 

Text to be overlaid on the paralllax window

[/dd-parallax]
</code></pre>
Available parameters for use:
<ul>
<li>img – use the filename from the media library for this, not the full path. Just use imagename.jpg or image.png. (You can also use a fully qualified URL)</li>
<li>height – This is the height of the parallax window. The unit is in pixels. Just enter a number</li>
<li>speed [optional] (default = 2) An integer between 0 and 10. The speed at which the parallax effect runs. 0 means the image will appear fixed in place, and 10 the image will flow at the same speed as the page content.</li>
<li>z-index [optional] (default = 0) – The z-index value of the fixed-position elements. By default these will be behind everything else on the page.</li>
<li>mobile [optional] – If you want a mobile fixed image for mobile display, choose a different image, otherwise it will select the full sized image from the parallax and make it a responsive image.</li>
<li>offset [default = false] (options: “true” or “false”) – This will pull the parallax content all the way to the left of your screen. You can put the contents into a “container” class if you’re using bootstrap or just center the contents for horizontal centering. On testing with the WordPress 2016 Theme, keep offset at False. With Bootstrap Themes, I recommend using the “offset=’true'” parameter.</li>
<li>position [optional] – (defaults to ‘Left’) This is analogous to the background-position-x css property. Specify coordinates as right, left, center, or pixel values (e.g. -10px 0px). The parallax image will be positioned as close to these values as possible while still covering the target element.</li>
<li>text-pos [optional] – Default is ‘top’ (to maintain compatibility with ver 1.6). Available options are “top”, “center”, “bottom”.</li>
</ul>
Admin-Settings page enables or disables the TinyMCE icon (if you don’t want it in your WP-Editor)
<h3>Demo</h3>
View a demo of this plugin <a href="https://www.duckdiverllc.com/parallax-image-plugin-demo/" rel="nofollow ugc">here</a>

Parallax Image

Great and easy to use

Insert a full width parallax image into your page with this simple shortcode. Parameters allow for setting several key functions like height

WP Parallax Content Slider vs Parallax Image