How to use Rhinoslider?

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.

<link type="text/css" rel="stylesheet" href="/css/rhinoslider.css">

You need to include jQuery 1.4.2 or higher and rhinoslider.js.

<script type="text/javascript" src="/js/jquery.js"></script>
<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.

<script type="text/javascript">
	$('#your-id').rhinoslider({
		options: value
	});
</script>

Additional step: Make your own style

If you don't like the styling of Rhinoslider you can create your own style.