Dynamic jQuery Rating Bar Plugin - ratingbar

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

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.