Sistema de Rating con jQuery

jQuery Raty es un nuevo plugin que llego para ser una buena alternativa a la hora de incorporar a nuestro sitio web un sistema de rating que sea atractivo visualmente, fácil de utilizar y muy simple de implementar.

El plugin es muy liviano, apenas 4kb en su versión comprimida, es una gran diferencia con respecto otras soluciones similares que son bastante más pesadas.

Ejemplo de implementación del sistema de rating:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.raty.min.js"></script>

Una vez que llamamos a las bibliotecas necesarias, pasamos a inicializar el plugin con el div asignado.

<script type="text/javascript">
$(function() {
	$('div#star').raty();
});
</script>

Donde star es el ID del div donde queremos mostrar el sistema de rating. La imagen se puede configurar fácilmente, o bien podemos directamente reemplazar la imagen propuesta por defecto. Antes de comenzar a hacer nada les recomiendo que lean la breve documentación para informarse de las distintas posibilidades.

Implementarlo este sistema es muy simple, lo único que le faltaría es anexarle el sistema que contabiliza la calificación otorgada, pero no es muy complicado si se tiene unos conocimientos básicos por ejemplo de PHP y jQuery.

Web: jQuery Raty