Help:Navigational image


 * If you are not reading this in Meta it is advised that you go there to view this page otherwise some links in this page will not work

Although not a 'feature' of the MediaWiki software, an image can be made to link to a specified page if desired.

Some people find trawling through this page understandably confusing, so here is the short version:


 * You can use the re-direct feature on an image page, but when used, the target page shows all sorts of unwanted information that gets transcluded from the image page itself.


 * For MediaWiki sites that support the embedding of external_images (which is basically all MediaWiki websites except the Wikipedia and Meta) you can use the 'clickpic' template. See that link for information on how to use it.


 * For website such as Wikipedia that preclude the use of embedding external images you can superimpose hyperlinks onto images.


 * Use the ImageMap functionality:

For more detailed explanations, see below.

Method 1: Employing image redirects

 * This method does not seem to work anymore.

One way to do this is by putting a redirect on the image page. For example, on Meta the internal image is linked to the page Help:Redirect. The image from Commons, redirecting on Meta to the Main Page, is not displayed.

If the redirect is within the same project, then a redirect message with a link to the image page (MediaWiki:Redirectedfrom) is inserted on the target page.

To use the same image on another page without a redirect or with a different target, a copy of the image has to be uploaded under another name. However, an image on Commons may have its own image page on each project, e.g., which could have a redirect on the image page on this project, which would then be accessible by the link.

This method produces several problems:
 * The URL does not display the correct address.
 * Search engines will see multiple pages with the exact same material on it.
 * You will get an annoying "(Redirected from..." artifact on some skins.

To correct these problems, see the DIYinfo.org fix here: Force all redirects to be client side redirects (HTTP 302 Temporary Redirect)

Method 2: Using the external link format
In projects that allow the embedding of external_images (in which case you see images in the lefthand column of the table below) there are the following possibilities:

(The image can be an internally or externally held image, and the target can be an external URL or a wiki page).

Thumbnail
One application is linking a small version of an image to a large one. Example where both are external:

http://pennine.demon.co.uk/photos/seakayak/small/Lunga-P7-100-3086.jpg

gives

http://pennine.demon.co.uk/photos/seakayak/small/Lunga-P7-100-3086.jpg

The alternate text is the name of the image, after the last slash in the URL. If you have control over the image, give it a meaningful name; you could even include a text like "click to enlarge" in the name.

Method 3: Superimposing a hyperlink onto an image
A linked text can be superimposed onto an image, see Help:Composite images. In particular there can be a dummy text such as an &amp;nbsp; character in a very large font, covering the whole image.

Using :

topbottom gives:

topbottom

Similarly with for an external link:

topbottom

However, if the browser is set to ignore font sizes specified in web pages then only part of the area in the image links to the specified page, and the rest of the image to the image page. Check the hoverbox or status line to see the target at any position of the mouse cursor. Some versions of the template have the same hoverbox for the two areas.

The image cannot be inline. Positioning can be done e.g. with a table.

See also:
 * click.
 * klikafb
 * wikt:de:Template:Link-Bild

Method 4:Use ImageMap
All Wikipedia sites seem to have the mw:Extension:ImageMap installed. Although aimed at multiple areas with different links on an image, one can use it also to link the whole image to a single page. It works on internal and interwiki links.