Динамический упорядоченный список с возможностью выбора с помощью jquery

Question

У меня есть этот макет, мне нужно динамически загружать картинки из БД, и после загрузки мне нужно нажать на каждую картинку, чтобы отметить, какой ученый будет повышен до следующего класса, я рассчитываю пометить егоизображение звезды, когда я нажимаю на картинку, возможно, наложение div на каждом изображении, которое активируется, когда я нажимаю.

Любая идея, как создать динамически выбираемый список (упорядоченный список) и добавить скрытый divс изображением на каждой картинке?

Answer 1

Этот тип функций выглядит как работа для jQuery. Я бы установил положение дивы-держателя относительно и добавлю еще один div внутри с абсолютной позицией внутри div с фоновым изображением png или подобным. Вы можете скрыть это по умолчанию, используя jQuery.hide (), а затем показать изображение с помощью jquery.show. Для более эффектного эффекта вы можете использовать .fadeIn ()