Template:Infobox image and gif: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
m (hide button on initial load (so it won't appear if javascript is disabled)) |
||
Line 2: | Line 2: | ||
--><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}}}|150px|alt={{{3|}}}|link=]]</div><!-- | --><div class="qud-infobox-animated-image-initial qud-toggler-initial">[[File:{{{1}}}|150px|alt={{{3|}}}|link=]]</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><!-- |
Revision as of 23:10, 13 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 }}
Luminous Hoarshroom
Test Row 1
|
Some Data |
---|---|
Test Row 2
|
Some Data |
Test Row 3
|
Some Data |
Luminous Hoarshroom
Test Row 1
|
Some Data |
---|---|
Test Row 2
|
Some Data |
Test Row 3
|
Some Data |