Template:IconHover: Difference between revisions

image-up: the top image file link.
image-down: the bottom image file link.
width: the width of the images. (54px by default)
link: a link when pressing the button.
title: a title that will appear when hovering above the button.
style: extra style for the table.

Revision as of 00:33, 12 September 2022

Information: If you want to test this template, please use Sandbox.
This documentation is transcluded from Template:IconHover/doc.

{{IconHover
|image-up=
|image-down=
|width=
|link=
|title=
|style=
}}

All of these parameters are optional.
Please note that the sizes of image 1 and image 2 should be the same.

In order to hide the bottom image, and only show it when hovering above the top image, add another parameter:

|hidebottom= true

However, it will not be displayed this way in editing mode.

@@ Line 3: / Line 3: @@
 <p class="fadeout-container {{#ifeq:{{{hidebottom}}}|true|fadeout-hide-bottom}}">
 <span class="fadeout" style="position: absolute; width: {{{width|}}}">
-[[File:{{{image-up|}}}|{{{width|54px}}}|link={{#if:{{{link|}}}|{{{link}}}}}{{#if:{{{title|}}}|{{!}}{{{title}}}}}]]
+[[File:{{{image-up|Dunno.png}}}|{{{width|54px}}}|link={{#if:{{{link|}}}|{{{link}}}}}{{#if:{{{title|}}}|{{!}}{{{title}}}}}]]
 </span>
 <span class="fadein" style="width: {{{width|}}}">
-[[File:{{{image-down|}}}|{{{width|54px}}}]]
+[[File:{{{image-down|TransShared.png}}}|{{{width|54px}}}]]
 </span>
 </p>
 </tr>
 </table></div></includeonly><noinclude>{{Doc}}</noinclude>