Dynamische geordnete Liste mit jquery wählbarer Steuer

Question

Ich habe dieses Mockup, ich brauche Bilder dynamisch aus einer db zu laden und einmal geladen Ich muß auf jedes Bild zu markieren, um klicken, was Schüler wird in der nächsten Klasse gefördert werden, ich herauszufinden Zeichen es mit einem Sternbild, wenn ich auf das Bild klicken, vielleicht ein Overlay-div auf jedem Bild, dass es aktiviert wird, wenn ich klicken sie.

Jede Idee, wie kann ich eine dynamische Auswahlliste (geordnete Liste) machen, und fügen Sie eine versteckte div mit einem Bild auf jedes Bild?

Answer 1

Diese Art der Funktion scheint wie ein Job für jQuery. Ich würde die Halter Diva Position relativ gesetzt und eine andere div innen mit Position absolut innerhalb des div mit einem png Hintergrundbild oder ähnlichem hinzuzufügen. Sie können diese jQuery.hide () mit standardmäßig verstecken und zeigen dann das Bild mit jquery.show. Für einen schicken Effekt können Sie mit .fadeIn ()