An old photo and a silly idea

My mom sent me a photo of my grandmother’s wedding day. As you can imagine, it’s quite old. Looking at the photo I got the idea that it would be kinda neat to be able to put a label by the person of their name, but only when you mouse-over, or hovered over the photo. How hard could this be? As it turns out, not that hard.

I combined these two tutorials how to overlay images how to position text

Now being an infrastructure type person, I haven’t spent too much time thinking of the best way to create content. My career has been focused on delivering the content in the most reliable way.

Is this a good way to do this? Do you know a better or more clever way? let me know. Try it out below.

Ana Josephina
Ana "Mamia"
Turull Moreno
González Quiñones
Garcia de Quevedo


as it turns out, it’s not that easy. It seems the overlay does not adjust as expected on different browser window sizes. I’ll play with it a bit more and update here. If you know why, let me know on the Twitter.

update 2

I changed the element position to relative, it seems a bit more resiliant now.