Barra de calificación con estrellas (rating stars) usando Prototype

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.

Rating Stars

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

 

4 thoughts on “Barra de calificación con estrellas (rating stars) usando Prototype

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.