Dynamic jQuery Rating Bar Plugin - ratingbar

Dynamic jQuery Rating Bar Plugin - ratingbar
File Size: 49KB
Views Total: 7120
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

ratingbar is a jQuery plugin for displaying dynamic update rating bars for your rating system. It is highy customizable and can be used to creating different styles of your rating system to meet your needs.

You might also like:

Basic Usage:

1. Include jQuery library and jQuery ratingbar on the page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.ratingbar.js"></script>

2. Include jQuery easing for more animation styles (Optional)

<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

3. Include jQuery ratingbar CSS to style your rating bar

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

4. The HTML

<div class="book_rating">8</div>
<div class="book_rating">2</div>

5. Call the plugin with options

<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
var ratingconfig = {
animate:true,
duration:1000,
ease:"easeOutBounce",
maxRating: 10,
wrapperWidth:1000,
showText: false,
wrapperClass:"wrapper_books",
innerClass:"inner_books",
textClass: "rating_books"
}
$('.book_rating').ratingbar(ratingconfig);
});
</script>

More Examples:


This awesome jQuery plugin is developed by mre. For more Advanced Usages, please check the demo page or visit the official website.