Template:DynamicGifDisplay: Difference between revisions
imported>Dawning (by SublimeText.Mediawiker) |
imported>Dawning (by SublimeText.Mediawiker) |
||
| Line 27: | Line 27: | ||
</noinclude><includeonly><div class="dynamic-gif-container" id="gif-display-{{{id|{{{title|default}}}}}}" data-gif-list="{{{list|}}}" data-gif-size="{{{size|400}}}"> | </noinclude><includeonly><div class="dynamic-gif-container" id="gif-display-{{{id|{{{title|default}}}}}}" data-gif-list="{{{list|}}}" data-gif-size="{{{size|400}}}"> | ||
<div class="gif-display-area"> | |||
<div class="gif-header"> | |||
<div class="gif-title">{{{title|Skill Showcase}}}</div> | |||
</div> | |||
<div class="gif-image-container"> | |||
<div class="gif-placeholder">Hover over a skill node to see its demonstration</div> | |||
</div> | |||
<div class="gif-caption"></div> | |||
</div> | |||
</div></includeonly> | </div></includeonly> | ||
Revision as of 02:20, 14 October 2025
This template creates a dynamic GIF display area that shows different GIFs based on which skill tree tooltip is being hovered.
Usage
{{DynamicGifDisplay
|title=Display Title
|list=SkillName1:gif1.gif;SkillName2:gif2.gif;SkillName3:gif3.gif
|id=unique-id (optional)
}}
Parameters
- title: The title displayed in the GIF display header
- list: Semicolon-separated list of skill names and their corresponding GIF filenames in format "SkillName:filename.gif"
- id: Optional unique identifier (auto-generated if not provided)
Example
{{DynamicGifDisplay
|title=Skill Tree Node Showcase
|list=Null and Void:nullandvoid.gif;One and True:oneandtrue.gif;Size and Scale:sizeandscale.gif
}}
The skill names in the list parameter must EXACTLY match the skill titles in your tooltips (case-sensitive).