Lista ordenada dinámica con el control seleccionable jQuery

Question

Tengo esta maqueta, necesito cargar dinámicamente imágenes desde una base de datos y una vez cargado Necesito hacer clic en cada imagen con el fin de marca de lo académico será promovido al siguiente grado, estoy averiguar marcarlo con una imagen de la estrella cuando hago clic en la imagen, tal vez una div plantilla en cada imagen que se activa cuando lo hago clic.

¿Alguna idea de cómo puedo hacer una lista seleccionable dinámica (lista ordenada) y añadir un div oculto con una imagen en cada imagen?

Answer 1

Este tipo de característica parece como un trabajo para jQuery. Me gustaría establecer la posición de la diva titular relativa y añadir otro div interior con posición absoluta dentro del div una imagen de fondo png o similar con. Puede ocultar esto por defecto usando jQuery.hide () y luego mostrar la imagen con jquery.show. Para un efecto más elegante puede utilizar .fadeIn ()