Navigation popups have been around since 2005, and while in some ways better than the OP's design (pictures!) this is useful enough to test it as default behavior.
Hover doesn't work on mobile, so perhaps they should appear if you click and hold for a few seconds.
(just with divs instead of images)
It's very brittle though. It relies on knowing the line-height, calculating the line in which the highlighted word sits, accounting for the existence of vertical scroll-bars... not trivial.
Or am I missing something?
Edit: Yes, I do. It does not work together with images on the right side: http://jsfiddle.net/Nup2F/
[0] https://stackoverflow.com/questions/7563169/detect-which-wor...
First of all you need to have a Wikipedia account to enable them, and second this is something intended as an help for the editors. Wikipedia description of this function is:
"article previews and editing functions popup when hovering over links"
What about the German or French Wikipedia? What about Wiktionary? Oh man, that is going to be hard.
Indeed, Navigation popups is not perfect and it is intended for editors first. But I mostly use it for speeding up my browsing.
But writing a general tool for all MediaWiki installations is going to be quite the task; a lot of MediaWiki wikis don't even have opening paragraphs like Wikipedia does (see Wiktionary for example). Sure, we can make some compromises and accept that non-encyclopaedia styled wikis don't apply to this tool.
I'd love to see a Firefox extension that did this. But for now; either Hovercards or Navigation popups provides the basics of the requested functionality.
Under preferences, select the Gadgets tab and enable "Navigation popups".
When hovering over a link in a Wikipedia article, a small popup will appear, in addition to some metadata about the link, the first paragraph of the article will appear, including links that may appear in that paragraph, which can also be hovered to make another popup appear.