|
|
| Line 1: |
Line 1: |
| <div style="position:relative;"><table style="display: block-table; {{#if:{{{style|}}}|{{{style}}}}}"> | | <includeonly><div style="position:relative;"><table style="display: block-table; {{#if:{{{style|}}}|{{{style}}}}}"> |
| <tr> | | <tr> |
| <p class="fadeout-container {{#ifeq:{{{hidebottom}}}|true|fadeout-hide-bottom}}"> | | <p class="fadeout-container {{#ifeq:{{{hidebottom}}}|true|fadeout-hide-bottom}}"> |
| Line 10: |
Line 10: |
| </p> | | </p> |
| </tr> | | </tr> |
| </table></div> | | </table></div></includeonly><noinclude>{{Doc}}</noinclude> |
| <noinclude> | |
| <pre> | |
| {{ImageHover | |
| |image-up=
| |
| |image-down=
| |
| |width=
| |
| |link=
| |
| |title=
| |
| |style=
| |
| }} | |
| </pre>
| |
| *'''image-up''': the top image file link.
| |
| *'''image-down''': the bottom image file link.
| |
| *'''width''': thewidth of the images (the default is 54px).
| |
| *'''link''': a link when pressing the button.
| |
| *'''title''': a title that will appear when hovering above the button.
| |
| *'''style''': extra style for the table.
| |
| All of those parameters are optional. By default they display a red 54px button.<br />
| |
| Please note that the sizes of image 1 and image 2 '''should''' be the same.
| |
| | |
| ==Hide bottom image==
| |
| In order to hide the bottom image, and only show it when hovering above the top image, add another parameter:
| |
| <pre>|hidebottom= true</pre>
| |
| However, it will not be displayed this way in editing mode.
| |
| </noinclude> | |