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
González

Ana "Mamia"
Turull Moreno

Manuel
González Quiñones

Francisco
Garcia de Quevedo

update

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.