Rhinoslider is the most flexible jQuery slideshow there is. Be welcome to try it yourself. Not only do we offer a variety of effects, we also allow you to add your own styles, effects and features to the slider.
The usage of Rhinoslider is very easy. Just follow thoose 3 steps:
Step 1: Download your version of Rhinoslider
Create your custom version of Rhinoslider via our generator or download the full version on the right side (not recommended).
Step 2: Embed the necessary stuff
You can either embend the rhinoslider.css or put its content into your general css file.
1 | <link type="text/css" rel="stylesheet" href="/css/rhinoslider.css"> |
You need to include
jQuery 1.4.2 or higher and
rhinoslider.js.
1 | <script type="text/javascript" src="/js/jquery.js"></script> |
2 | <script type="text/javascript" src="/js/rhinoslider.js"></script> |
Step 3: Call the function
You need to initiate Rhinoslider by the following code snippet or use our generator. Of course you can parse a lot of arguments whithin the function call.
1 | <script type="text/javascript"> |
2 | $('#your-id').rhinoslider({ |
