Template:Hover

Revision as of 05:07, 12 January 2016 by Rich (talk | contribs)

This template displays a default image, then substitutes another image when the reader hovers over it (e.g. if visual users place their mouse over the image). Works best when the images are the same size, but they don't have to be.

{{hover|Roster-blank.jpg|Roster-rahman.jpg}}
Roster-blank.jpg
Roster-rahman.jpg

(Place pointer over image to see effect.)

Additional Options

Usual image options are supported (link=, custom pixel width or height, alt text, etc.). Just separate each additional option with a pipe character like you would normally.

Link

{{hover|Roster-blank.jpg|Roster-rahman.jpg|link=Roshanara Rahman}}
Roster-blank.jpg
Roster-rahman.jpg

Width

{{hover|Roster-blank.jpg|Roster-rahman.jpg|60px|link=Roshanara Rahman}}
Roster-blank.jpg
Roster-rahman.jpg

Overlay

You can also have the first image appear as an overlay over the second image by adding OVERLAY=Yes to your wiki code.

{{hover|Awards-glass.png|Awards-dutypost.jpg|OVERLAY=Yes|link=duty post award}}
Awards-glass.png
Awards-dutypost.jpg

Questions/Comments

♫ Rich (talk)