8,290
edits
(test) |
No edit summary |
||
(10 intermediate revisions by the same user not shown) | |||
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"><!-- | --><div class="qud-toggle-for-gif qud-toggler-button" style="display:none"><!-- | ||
--><div class="qud-initial-animate-btn"><!-- | --><div class="qud-initial-animate-btn"><!-- | ||
--><div>animate</div><!-- | --><div>animate</div><!-- | ||
Line 8: | Line 8: | ||
--></div><!-- | --></div><!-- | ||
--></div><!-- | --></div><!-- | ||
--><div class="qud-infobox-animated-image qud-toggler-final"><!-- | --><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><!-- | ||
--></div><!-- | --></div><!-- | ||
-->[[Category:Animated Sprites]]<!-- | |||
--></includeonly><noinclude> | --></includeonly><noinclude> | ||
== Usage == | == Usage == | ||
<code><nowiki>{{infobox image and gif| image.png | image.gif | name (used for alt-text) }}</nowiki></code> | <code><nowiki>{{infobox image and gif| image.png | image.gif | name (used for alt-text) }}</nowiki></code> | ||
Images are scaled to 150px wide by default (to match the width that <code>Template:Infobox</code> uses) | == Important Notes == | ||
* Intended for use only in infoboxes - relies on the parent infobox <code>infobox-imagearea</code> css class | |||
* Images are scaled to 150px wide by default (to match the width that <code>Template:Infobox</code> uses) | |||
== Example == | == Example == | ||
Line 33: | Line 37: | ||
<code><nowiki>{{infobox image and gif| Luminous hoarshroom.png | Luminous hoarshroom animated.gif | luminous hoarshroom }}</nowiki></code> | <code><nowiki>{{infobox image and gif| Luminous hoarshroom.png | Luminous hoarshroom animated.gif | luminous hoarshroom }}</nowiki></code> | ||
{{infobox image and gif| Luminous hoarshroom.png | Luminous hoarshroom animated.gif | luminous hoarshroom }} | <div style="float:left;display:inline-block;" class="nomobile"> | ||
{{infobox | |||
| title = Luminous Hoarshroom | |||
| imagearea = {{suppress categories|{{infobox image and gif| Luminous hoarshroom.png | Luminous hoarshroom animated.gif | luminous hoarshroom }}}} | |||
| rows = | |||
{{infobox row|Test Row 1|Some Data}} | |||
{{infobox row|Test Row 2|Some Data}} | |||
{{infobox row|Test Row 3|Some Data}} | |||
}} | |||
</div> | |||
<div class="mobileonly"> | |||
{{infobox | |||
| title = Luminous Hoarshroom | |||
| imagearea = {{suppress categories|{{infobox image and gif| Luminous hoarshroom.png | Luminous hoarshroom animated.gif | luminous hoarshroom }}}} | |||
| rows = | |||
{{infobox row|Test Row 1|Some Data}} | |||
{{infobox row|Test Row 2|Some Data}} | |||
{{infobox row|Test Row 3|Some Data}} | |||
}} | |||
</div> | |||
[[Category:Infobox templates]] | |||
</noinclude> | </noinclude> |