Up #1 Example #2 Example #3 Example #4 Example #5 Example Buy NOW
on CodeCanyon

The Cool Circular Rating v1.0


Rate products, photos & anything in special way!




First Example


Element ID galaxy
Icons Folder Directory icons
Icon Name thumb.png
Result 3
Stroke Original Background #666
Stroke Hover Background #ff1177
Stroke Sticky Background #f2f2f2
Icon Background Color #f8f8f8
Icon Width 64px
Icon Height 90px
Holder Width 200px
Holder Height 200px
Stroke Thickness 30
Read Only 0
onClick function(elementId, result){}
See All

Setup Parameters

muwakaba_circular_rating.build({ elementId:"galaxy", icons_folder_name:mkcr-icons, icon_name:"test.png", result:3, stroke_background_colors:{original:"#666", hover:"#adff2f", sticky:"#ffd700"}, icon_background_color:"#f8f8f8", icon_size:{width:"63px", height:"90px"}, holder_size:{width:"200px", height:"200px"}, stroke_thickness:"30", read_only:0 onClick:function(elementId, result){} )};
See All

Second Example


Element ID snickers
Icons Folder Directory icons
Icon Name thumb.png
Result 0
Stroke Original Background #ffe6ff
Stroke Hover Background #ff00ff
Stroke Sticky Background #660066
Icon Background Color #fff4ff
Icon Width 68px
Icon Height 95px
Holder Width 200px
Holder Height 200px
Stroke Thickness 22
Read Only 0
onClick function(elementId, result){}
See All

Setup Parameters

muwakaba_circular_rating.build({ elementId:"snickers", icons_folder_name:mkcr-icons, icon_name:"thumb.png", result:0, stroke_background_colors:{original:"#ffe6ff", hover:"#ff00ff", sticky:"#660066"}, icon_background_color:"#f8f8f8", icon_size:{width:"68px", height:"95px"}, holder_size:{width:"200px", height:"200px"}, stroke_thickness:"22", read_only:0, onClick:function(elementId, result){} )};
See All

Third Example (mix)

Read Only




Features




  • Easy installation via one JavaScript line
  • Fully animated
  • Cross Browser
  • Customizable, you can customize the colors, sizes, etc.
  • No JQuery used
  • Very light and clean code
  • Fully detailed PDF documentation, it includes how to use this plugin with a web form




Contact Us
We'd be very happy to hear from you!







Muwakaba @ 2017