Template:TabGifDisplay: Difference between revisions

@@ Line 1: / Line 1: @@
-<includeonly>{{#vardefine:displayId|{{{id|gif-tab-{{#time:U}}}}}}}{{#vardefine:safeSize|{{#if:{{{size|}}}|{{{size}}}|400}}}}{{#vardefine:safeList|{{{list|}}}}}{{#vardefine:safeTitle|{{{title|GIF Showcase}}}}}<div class="tab-gif-container" id="{{#var:displayId}}" data-gif-list="{{#var:safeList}}" data-gif-size="{{#var:safeSize}}" style="display: block;">
+<includeonly><div class="tab-gif-container" id="gif-tab-{{#if:{{{id|}}}|{{{id}}}|{{#time:U}}}}" data-gif-list="{{{list|}}}" data-gif-size="{{#if:{{{size|}}}|{{{size}}}|400}}">
-  <div class="tab-gif-header">
+<div class="tab-gif-header">
-    <h3 class="tab-gif-title">{{#var:safeTitle}}</h3>
+<h3 class="tab-gif-title">{{{title|GIF Showcase}}}</h3>
-    <button class="tab-gif-toggle-btn" onclick="toggleTabGifDisplay('{{#var:displayId}}')">Hide</button>
+</div>
-  </div>
+<div class="tab-gif-tabs"></div>
-  <div class="tab-gif-tabs"></div>
+<div class="tab-gif-display-area">
-  <div class="tab-gif-display-area">
+<div class="gif-image-container">
-    <div class="gif-image-container">
+<div class="gif-placeholder">Initializing tabs...</div>
-      <div class="gif-placeholder">Select a tab to view</div>
+</div>
-    </div>
+<div class="gif-caption" style="display:none;"></div>
-    <div class="gif-caption"></div>
+</div>
-  </div>
 </div></includeonly>

Latest revision as of 04:44, 3 November 2025