Adding Tooltip to image

What would be the best way to add a tooltip to an image?

On hovering over the image I would like to have a tooltip show up that gives the user the name of the pdf before they click it if they decide they don’t need to see it.
Thanks!

interactions

Few tool-tips - use webflow interactions (relative image wrapper and put inside absolute div and show/hide on hover) ± the idea:

Custom JS

For a lot of Tooltips - its easier to use some tooltip js plugin.

popper.js basic example
https://codepen.io/ezra_siton/pen/QzLdYW

Or:

Add more details to get specific answer.

2 Likes