Template:Hover: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly><div {{#if:{{{OVERLAY|}}}|style="position:relative;" class="hoverbox"|class="hoverbox"}}><div {{#if:{{{OVERLAY|}}}|style="position:absolute;z-index:3" class="hoveritem"|class="hoveritem selected"}}>[[Image:{{{1}}}{{#if:{{{link|}}}|{{!}}link={{{link}}}}}{{#if:{{{alt|}}}|{{!}}alt={{{alt}}}}}{{#if:{{{10|}}}|{{!}}{{{10}}}}}{{#if:{{{9|}}}|{{!}}{{{9}}}}}{{#if:{{{8|}}}|{{!}}{{{8}}}}}{{#if:{{{7|}}}|{{!}}{{{7}}}}}{{#if:{{{6|}}}|{{!}}{{{6}}}}}{{#if:{{{5|}}}|{{!}}{{{5}}}}}{{#if:{{{4|}}}|{{!}}{{{4}}}}}{{#if:{{{3|}}}|{{!}}{{{3}}}}}]]</div><div {{#if:{{{OVERLAY|}}}|style="position:relative;z-index:1"|class="hoveritem"}}>[[Image:{{{2}}}{{#if:{{{link|}}}|{{!}}link={{{link}}}}}{{#if:{{{alt|}}}|{{!}}alt={{{alt}}}}}{{#if:{{{3|}}}|{{!}}{{{3}}}}}{{#if:{{{4|}}}|{{!}}{{{4}}}}}{{#if:{{{5|}}}|{{!}}{{{5}}}}}{{#if:{{{6|}}}|{{!}}{{{6}}}}}{{#if:{{{7|}}}|{{!}}{{{7}}}}}{{#if:{{{8|}}}|{{!}}{{{8}}}}}{{#if:{{{9|}}}|{{!}}{{{9}}}}}{{#if:{{{10|}}}|{{!}}{{{10}}}}}]]</div></div></includeonly><noinclude>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. | <includeonly><div {{#if:{{{OVERLAY|}}}|style="position:relative;" class="hoverbox"|class="hoverbox"}}><div {{#if:{{{OVERLAY|}}}|style="position:absolute;z-index:3" class="hoveritem"|class="hoveritem selected"}}{{#if:{{{style|}}}|style="{{{style}}}" |}}>[[Image:{{{1}}}{{#if:{{{link|}}}|{{!}}link={{{link}}}}}{{#if:{{{alt|}}}|{{!}}alt={{{alt}}}}}{{#if:{{{10|}}}|{{!}}{{{10}}}}}{{#if:{{{9|}}}|{{!}}{{{9}}}}}{{#if:{{{8|}}}|{{!}}{{{8}}}}}{{#if:{{{7|}}}|{{!}}{{{7}}}}}{{#if:{{{6|}}}|{{!}}{{{6}}}}}{{#if:{{{5|}}}|{{!}}{{{5}}}}}{{#if:{{{4|}}}|{{!}}{{{4}}}}}{{#if:{{{3|}}}|{{!}}{{{3}}}}}]]</div><div {{#if:{{{OVERLAY|}}}|style="position:relative;z-index:1"|class="hoveritem"}}{{#if:{{{style|}}}|style="{{{style}}}"|}}>[[Image:{{{2}}}{{#if:{{{link|}}}|{{!}}link={{{link}}}}}{{#if:{{{alt|}}}|{{!}}alt={{{alt}}}}}{{#if:{{{3|}}}|{{!}}{{{3}}}}}{{#if:{{{4|}}}|{{!}}{{{4}}}}}{{#if:{{{5|}}}|{{!}}{{{5}}}}}{{#if:{{{6|}}}|{{!}}{{{6}}}}}{{#if:{{{7|}}}|{{!}}{{{7}}}}}{{#if:{{{8|}}}|{{!}}{{{8}}}}}{{#if:{{{9|}}}|{{!}}{{{9}}}}}{{#if:{{{10|}}}|{{!}}{{{10}}}}}]]</div></div></includeonly><noinclude>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. | ||
<pre>{{hover|Roster-blank.jpg|Roster-rahman.jpg}}</pre> | <pre>{{hover|Roster-blank.jpg|Roster-rahman.jpg}}</pre> | ||
Revision as of 04:36, 12 January 2016
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}}
(Place pointer over image to see effect.)
Additional Options
Usual image options are supported (link=, custom pixel width or height, alt text, etc.)
{{hover|Roster-blank.jpg|Roster-rahman.jpg|link=Roshanara Rahman}}