Template:Infobox image and gif: Difference between revisions
Jump to navigation
Jump to search
m (re-enable image link for initially shown image) |
m (update infobox image size from 150px to 160px to match QBE render size) |
||
Line 1: | Line 1: | ||
<includeonly><!-- | <includeonly><!-- | ||
--><div class="qud-animated-image-wrap qud-toggler"><!-- | --><div class="qud-animated-image-wrap qud-toggler"><!-- | ||
--><div class="qud-infobox-animated-image-initial qud-toggler-initial">[[File:{{{1}}}| | --><div class="qud-infobox-animated-image-initial qud-toggler-initial">[[File:{{{1}}}|160px|alt={{{3|}}}]]</div><!-- | ||
--><div class="qud-toggle-for-gif qud-toggler-button" style="display:none"><!-- | --><div class="qud-toggle-for-gif qud-toggler-button" style="display:none"><!-- | ||
--><div class="qud-initial-animate-btn"><!-- | --><div class="qud-initial-animate-btn"><!-- | ||
Line 9: | Line 9: | ||
--></div><!-- | --></div><!-- | ||
--><div class="qud-infobox-animated-image qud-toggler-final" style="display:none;"><!-- | --><div class="qud-infobox-animated-image qud-toggler-final" style="display:none;"><!-- | ||
-->[[File:{{{1}}}| | -->[[File:{{{1}}}|160px|alt={{{3|}}}|link=]]<!-- | ||
--><div class="qud-html-details"><!-- | --><div class="qud-html-details"><!-- | ||
--><div role="button" class="qud-html-summary" aria-label="static image"><!-- | --><div role="button" class="qud-html-summary" aria-label="static image"><!-- | ||
Line 18: | Line 18: | ||
--></div><!-- | --></div><!-- | ||
--></div><!-- | --></div><!-- | ||
--><div class="animated-image">[[File:{{{2}}}| | --><div class="animated-image">[[File:{{{2}}}|160px|alt=Animated: {{{3|}}}|link=]]</div><!-- | ||
--></div><!-- | --></div><!-- | ||
--></div><!-- | --></div><!-- |
Revision as of 13:01, 19 October 2020
Usage
{{infobox image and gif| image.png | image.gif | name (used for alt-text) }}
Important Notes
- Intended for use only in infoboxes - relies on the parent infobox
infobox-imagearea
css class - Images are scaled to 150px wide by default (to match the width that
Template:Infobox
uses)
Example
{{infobox image and gif| Luminous hoarshroom.png | Luminous hoarshroom animated.gif | luminous hoarshroom }}