Template:DynamicGifDisplay: Difference between revisions
imported>Dawning (by SublimeText.Mediawiker) |
imported>Dawning (by SublimeText.Mediawiker) |
||
| Line 1: | Line 1: | ||
<includeonly><div class="dynamic-gif-container" id="gif-display-{{{id|{{{title|default}}}}}}" data-gif-list="{{{list|}}}"> | <noinclude> | ||
This template creates a dynamic GIF display area that shows different GIFs based on which skill tree tooltip is being hovered. | |||
== Usage == | |||
<pre> | |||
{{DynamicGifDisplay | |||
|title=Display Title | |||
|list=SkillName1:gif1.gif;SkillName2:gif2.gif;SkillName3:gif3.gif | |||
|id=unique-id (optional) | |||
}} | |||
</pre> | |||
== 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 == | |||
<pre> | |||
{{DynamicGifDisplay | |||
|title=Skill Tree Node Showcase | |||
|list=Null and Void:nullandvoid.gif;One and True:oneandtrue.gif;Size and Scale:sizeandscale.gif | |||
}} | |||
</pre> | |||
The skill names in the list parameter must EXACTLY match the skill titles in your tooltips (case-sensitive). | |||
</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-display-area"> | ||
<div class="gif-header"> | <div class="gif-header"> | ||
Revision as of 02:17, 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).