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

 

Comentarios Comentarios formato RSS

  1. avatar Usuario 2010-03-08 13:02:09 4 es gratuito?
  2. avatar Damián Álvarez 2010-03-08 10:41:45 3 Parece bueno, lo voy a probar.
  3. avatar Yo 2010-01-17 07:36:15 2 Donde estan las imageens para descargarlas??
  4. avatar prueba 2009-04-01 17:18:16 1 kldsksldkl

Dejar un comentario