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

Or:

Add more details to get specific answer.

2 Likes

One of our customers had a similar question so we wrote a script that allows you to easily add tooltips to an image that could display the name of a PDF on hover.

Here is a link to the tutorial video that walks you through the question, and then the solution from start to finish.

Please feel free to tag me if you have any questions!

Happy Monday!