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.

snagysandor

Parallax Scrolling Effect by Enllax.js
An ultra-lightweight and super easy to use plugin for applying parallax scrolling effect to any scrolling element. You can set parallax scrolling effects to background elements, and also in both directions (vertically or horizontally)
<a href="https://nagysandor.org/enllax-js-demo" rel="nofollow ugc">Demo</a>
Shortcode example
With external image: 
[enllax xclass=”enllax” offset=”0″ direction=”horizontal” speed=”0.8″ img=”image url”] 
Your content. 
[enllaxend]
With internal image (featured image and content): 
[enllax_post postid=”1″ xclass=”enllax” offset=”0″ direction=”horizontal” speed=”0.8″]
xclass: CSS class name (default: enllax) 
offset: background offset in pixel (default: 0) 
direction: vertical (default) or horizontal 
speed: to allow background image to move with different speed, just use a data attribute with a numeric value as a multiplier for scrolling speed, less is slower and 1 is normal (default value: 0.5) 
img: Parallax background image url

WP Parallax Content Slider vs Parallax Scrolling Enllax.js