Board Thread:Support Requests - Getting Technical/@comment-4334693-20130626142704/@comment-3445072-20130626173718

If your main goal is for images to popup when you hover over a link, then that is very simple (I also listed some links at the bottom). The most basic way is to create a template, then have CSS and JS from there, so I'll show you that:

Create a template, name doesn't matter, looking like this:

|

That creates the basic structure for our popup. Next, let's create the CSS part for this. This will involve editing the MediaWiki:Common.css or any page being importing onto it. Add the following:

This will position the image in a lovely spot when seen, but can be repositioned of course. Now, time for the magical part. This will involve editing the MediaWiki:Common.js or any page being imported onto it. Add the following:

This will either show the image if the link is hovered over, or hide the image if the link isn't hovered over. Now to use this template, place the following on the page (this can be seen as an example):

This would display: Hair!, showing a Beautiful man file when hovered over. Do know that the third parameter is optional (the one containing ). If this isn't what you desired, there are some alternatives, such as:


 * wikipedia:Wikipedia:Tools/Navigation popups - These are popups that are similar to what I created above, but for every link on the page, also containing some neat features (such as editing, moving, etc.)
 * wikipedia:User:Yair rand/ReferenceTooltips - These are popups for citations, although they won't display any images

Good luck with your image hovering thing :)