Here’s an easy one but my web fu is rusty. I have a a list of small images (100px width, 125px height) I’d like users to be able to click on the image and in doing so have a number overlaid on the clicked image.
Is there a “easy” way to do this with just CSS and/or Javascript? I could use Javasript to add a class to the clicked image/div but not quite sure how to generate the transparent numeral overlay to fill the image area. do I need to draw to the Canvas or is there an easier way?
Not sure I get the question, as this should be pretty straight forward.
Here’s a FIDDLE
Is this what your trying to do?