Elenco ordinato dinamico con jQuery di controllo selezionabili

Question

ho ottenuto questo mockup, ho bisogno di caricare dinamicamente le immagini da un db e una volta caricato ho bisogno di cliccare su ogni immagine al fine di segno quello studioso sarà promosso al grado successivo, sto cercando di capire lo contrassegna con un immagine della stella quando clicco sopra l'immagine, forse un div overlay su ogni immagine che si attiva quando faccio clic.

Qualsiasi idea di come posso fare una lista selezionabile dinamica (lista ordinata) e aggiungere un div nascosti con un'immagine su ogni immagine?

Answer 1

Questo tipo di caratteristica sembra come un lavoro per jQuery. Vorrei impostare la posizione diva titolare al relativo e aggiungere un altro all'interno div con posizione assoluta all'interno del div un'immagine PNG di sfondo o simile con. È possibile nascondere per default utilizzando jQuery.hide () e poi mostrare l'immagine con jquery.show. Per un effetto più elaborato è possibile utilizzare .fadeIn ()