Jquery Slider with Keyboard and Mouse Control – Rhino Slider

Sponsored

Rhinoslider is one of the most flexible jQuery slider plugin that can handle not only Images but also HTML element (text, videos, etc.). Rhino slider  comes with lots of slick transition effects and new effects or styles can be added with ease. There is a very easy way to customize the effects and transitions.  It has options for every possible variable from the customization of the effects to auto-play, play direction, random display and navigation.

They give the tool The generator. Even with very limited JavaScript and jQuery experience it should be no problem to implement Rhinoslider into your website. Just build your customized call by click-and-see and copy it into your .js-file.

Rhinoslider also has a full-featured API for controlling the functionality and customizing it further.

Rhinoslider View Demo and Download : http://rhinoslider.com/demo-download/

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>

Sponsored