Image Alt to Title

Hover tooltip of image displaying alt attribute, original title and URL info.

As of 2021-03-28. See the latest version.

Author
myf
Ratings
0 0 0
Version
1.3.0
Created
2020-12-08
Updated
2021-03-28
Size
6.06 KB
License
N/A
Applies to
All sites

Creates hover tooltip popup text bubble (title attribute) from alt, original title and src attributes of image elements on page.

(Illustration clip from https://slate.com/human-interest/2021/02/stop-defacing-quotes-with-brackets.html)

To make the title tooltip text appear, place your cursor over element with given attribute and stop moving the cursor for about half second.

Note about browser differences in handling title attribute:

  • Mozilla Firefox hides the displayed tooltip upon any next movement: that means you if tooltip obscures the image, just move a bit ant it will go away, you don't have to leave the image.
  • Google Chrome hides the displayed tooltip when cursor leaves the area of element. It may be unfortunate, because you cannot get rid of it to see whole un-obscured image while still hovering the cursor above it what may cause problems if display depends on the hover state, but since I prefer Firefox anyway and want to keep this script as simple as possible, I will not likely address this nuisance in the future.