wp-maverick

MBA Multimedia

WP Fading Content Slider is a plugin which adds automatically a content slider of your last posts where you want on your WordPress blog or website.
You can see it in action on <a href="http://blog.mba-multimedia.com" rel="nofollow ugc">MBA Multimedia’s blog</a>
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/01/17/sliding-image-panels-with-css3/" rel="nofollow ugc">here</a>.
Transitions between slides are made using a powerfull combination of CSS3 and JQuery to display a beautiful fading effect.
<h4>Roadmap:</h4>
<ol>
<li>Make it responsive</li>
<li>etc.</li>
</ol>
<h4>Plugin’s Official Site</h4>
You’ll find more informations on the WP Parallax Content Slider plugin page <a href="http://www.mba-multimedia.com/en/innovation/wordpress/plugins/wp-fading-content-slider/" rel="nofollow ugc">here</a>.

WP Fading Content Slider

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

dlawp

Usage
Add HTML id attribute to element you want to scroll to.
Example:
<pre><code><h1 id="your-anchor">Header we will be drawn to smoothly!</h1>
</code></pre>
Now add hash to href attribute and class <code>sl-animated-scroll</code> to an A tag or element containing A tag.
Example:
<pre><code><a href="#your-anchor" class="sl-animated-scroll">
 Get me smoothly to my anchor!
</a>
</code></pre>
Try it.
How to hook menu / nav links?
<ol>
<li>
Go to Appearance -> Menus.
</li>
<li>
Make sure you have enabled classes in Screen Options (top right corner).
</li>
<li>
Create new Custom Link
</li>
<li>
Add your anchor in URL of the custom link: <code>/#your-anchor</code>
</li>
<li>
Insert special class to the custom link: <code>sl-animated-scroll</code>
</li>
<li>
Save and try it!
</li>
</ol>
<h3>Support</h3>
If any problems, questions or suggestions please contact us at support@dlawp.pl
GitHub: https://github.com/dlawp/wp-plugin-super-light-animated-scroll

Super Light Animated Scroll to id

Super light and easy to setup links that scroll the page smoothly to any id within the document.

WP Fading Content Slider vs Super Light Animated Scroll to id