JavaScript
Article
By Sam Deering

RinoFader – A simple jQuery fade slider (Guest Post)

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

rino-slider

What is Rhinofader?

Rhinofader is a compact, simple slideshow / slider without a lot of knick-knacks. Not a thousand effects, not a thousand settings, only the fade-effect. Yes! Rhinofader also works fine with HTML content.

How to use Rhinofader?

The embedding of Rhinofader is very easy, just follow the steps afterwards:

1. Embed the JavaScript file:

2. Add the function call

$('ID of your 
    ').rhinofader();

3. Set height and width if your

    or
    in your CSS file

    4. That’s it! Of course you can setup some options which can be found at http://rhinoslider.com/rhinofader/

    --ADVERTISEMENT--

    Demo of Rhinofader

    A demo of Rhinofader is available at http://rhinoslider.com/rhinofader/
    Facebook: http://www.facebook.com/rhinoslider
    Twitter: http://twitter.com/#!/rhinoslider

    About the author René Maas

    René Maas is a German based web designer and developer. He is familiar with HTML5, CSS3, JavaScript, jQuery and PHP. He is also interested in Usability and Accessibility.

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the latest in JavaScript, once a week, for free.