Starbox te permite crear facilmente todo tipo de barras de clasificación ó valoración utilizando solo una imágen PNG. Esta librería usa Prototype para su funcionamiento. Para algunos efectos extra puedes incluir script.aculo.us también.
Instalación
Descargas las ultimas versiones estables de Prototype y script.aculo.us, y por supuesto de Starbox. En la página HTML haces referencia a los archivos JavaScript necesarios:
<script type='text/javascript' src='js/prototype.js'></script>
<script type='text/javascript' src='js/scriptaculous.js?load=effects'></script>
<script type='text/javascript' src='js/starbox.js'></script>
También referencia la hoja de estilos:
<link rel="stylesheet" type="text/css" href="css/starbox.css" />
Sube las imágenes al directorio images. Si deseas colocar las imágenes en otro sitio modifica el archivo starbox.js en esta línea:
overlayImages: '../images/starbox/',
Para ver su uso completo y algunos tutoriales accede a la página del autor donde encontrarás mucha documentación al respecto.
Vía DHTMLSite