API: Create your own style

Of course you can use your very own style on rhinoslider. Every element has its own class so you can access everything easily. Below is a full list of our classnames:

.rhino-btn {}
.rhino-prev, .rhino-next {}
.rhino-prev {}
.rhino-next {}
.rhino-prev:hover {}
.rhino-next:hover {}
.rhino-toggle {}
.rhino-play {}
.rhino-play:hover {}
.rhino-pause {}
.rhino-pause:hover {}
.rhino-container {}
.rhino-caption {}
.rhino-bullets {}
.rhino-bullets li {}
.rhino-bullets li span.rhino-bullet {}
.rhino-bullets li span.rhino-bullet:hover, .rhino-bullets li span.rhino-bullet:focus,
.rhino-bullets li span.rhino-bullet.rhino-active-bullet {}

We even deliver your settings as a class to the container-element. A full list of those depending-classes is below:

.rhino-controls-prev-next {}
.rhino-controls-play-pause {}
.rhino-show-controls {}
.rhino-show-bullets {}
.rhino-show-captions {}
.rhino-pause-on-hover {}
.rhino-controls-keyboard {}
.rhino-controls-mousewheel {}

The last class is used to check, if an animation is in progress and therefore called .inProgress {}

Take a look at the generated code, to see for which elements those classes are used.