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


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 

3. Set height and width if your

    in your CSS file

    4. That’s it! Of course you can setup some options which can be found at


    Demo of Rhinofader

    A demo of Rhinofader is available at

    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
Get the latest in JavaScript, once a week, for free.