Шаблон:HoverImage

[[Image:{{{1}}}]]

[[Image:{{{2}}}]]

Documentation

This template displays a default image, then another image when the reader hovers over it (e.g. if visual users place their mouse over the image). It is primarily intended for showing an undoctored image to the casual reader, but highlighting certain aspects on close inspection.

Bear in mind that the casual reader may not hover over the image, so will not see the intended effect. In addition, it may be difficult to follow links to the default image, as this will change on hovering. For this reason the effect should be designed to be minimal (see examples below). This can be achieved by making the replacement image similar to the default, or by overlaying a smaller image on top of a larger one.

Usage

The template is intended to mimic the wikitext convention for images. The first two parameters are the names of the default and hover-revealed images respectively. All other parameters are the same as for images, and are applied simultaneously to both images, apart from the following two exceptions:

• If there is more than one potential caption, then the first caption is used for the default image and the last for the replacement image.
• If the parameter Overlay is non-blank, then the default image is not hidden (useful for superimposing annotations, arrows, etc on an original picture).
• The parameters HoverPosLeft and HoverPosTop specify the left and top positions of the hover-revealed image. These are usually used with Overlay to specify a position for superimposed annotation.

Examples

(Extra text has been added to show how text wrapping around images works)

Display	Markup
Many flowers have sepals link={{{L}}} As shown on this image of a waterlily (hover over the image to highlight the sepals).	The simplest form {{HoverImage |Nymphaea King of the Blues 0801.jpg|Nymphaea_King_of_the_Blues_0801-highlight_sepals.jpg}}
Many flowers have sepals [[File:Nymphaea King of the Blues 0801.jpgШаблон:!200pxШаблон:! right]] As shown on this image of a waterlily (hover over the image to highlight the sepals).	Extra image options (e.g. make smaller, float) {{HoverImage |Nymphaea King of the Blues 0801.jpg|Nymphaea_King_of_the_Blues_0801-highlight_sepals.jpg| right|200px}}
Many flowers have sepals [[File:Nymphaea King of the Blues 0801.jpgШаблон:! Sepal highlighted by shading the rest in redШаблон:! Waterlilies have very prominent sepalsШаблон:!200pxШаблон:! thumb]] As shown on this image of a waterlily (hover over the image to highlight the sepals).	Captions can be changed depending on the image {{HoverImage |Nymphaea King of the Blues 0801.jpg|Nymphaea_King_of_the_Blues_0801-highlight_sepals.jpg| thumb|200px| Waterlilies have very prominent sepals| Sepal highlighted by shading the rest in red}}
Here is some surrounding text {{HoverImage| Gerbera_pink.jpg| Nymphaea tetragona.jpg|200px|Pink|Waterlily|thumb}} {{Lorem}}	Here is some surrounding text [[File: Gerbera_pink.jpgШаблон:!thumbШаблон:!WaterlilyШаблон:!PinkШаблон:!200px]] [[File: Nymphaea tetragona.jpg|link={{{L}}}Шаблон:!200pxШаблон:!PinkШаблон:!WaterlilyШаблон:!thumb]]
Here is some surrounding text {{HoverImage|Gerbera_pink.jpg|Nymphaea tetragona.jpg|200px|Pink|Waterlily|thumb|none}} {{Lorem}}	Here is some surrounding text [[File:Gerbera_pink.jpgШаблон:!noneШаблон:!thumbШаблон:!WaterlilyШаблон:!PinkШаблон:!200px]]

Limitations

• No more than 8 additional parameters after the image names. This should be enough for all the image options
• This template my need updating if the image syntax changes (e.g. more named parameters allowed)