Template:TabGifDisplay: Difference between revisions

Revision as of 04:36, 3 November 2025

GIF Showcase

   <button class="tab-gif-toggle-btn" type="button" onclick="toggleTabGifDisplay('gif-tab-1773655254')">Hide</button>

Initializing tabs...

@@ 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;">
+{{#vardefine:gifDisplayId|gif-tab-{{#if:{{{id|}}}|{{{id}}}|{{#time:U}}}}}}{{#vardefine:gifDisplayList|{{{list|}}}}}{{#vardefine:gifDisplaySize|{{#if:{{{size|}}}|{{{size}}}|400}}}}{{#vardefine:gifDisplayTitle|{{{title|GIF Showcase}}}}}<div class="tab-gif-container" id="{{#var:gifDisplayId}}" data-gif-list="{{#var:gifDisplayList}}" data-gif-size="{{#var:gifDisplaySize}}">
    <div class="tab-gif-header">
-     <h3 class="tab-gif-title">{{#var:safeTitle}}</h3>
+     <h3 class="tab-gif-title">{{#var:gifDisplayTitle}}</h3>
-     <button class="tab-gif-toggle-btn" onclick="toggleTabGifDisplay('{{#var:displayId}}')">Hide</button>
+     <button class="tab-gif-toggle-btn" type="button" onclick="toggleTabGifDisplay('{{#var:gifDisplayId}}')">Hide</button>
+  </div>
+  <div class="tab-gif-tabs">
+    <!-- Tabs will be dynamically created by JavaScript -->
    </div>
-  <div class="tab-gif-tabs"></div>
    <div class="tab-gif-display-area">
      <div class="gif-image-container">
-       <div class="gif-placeholder">Select a tab to view</div>
+       <div class="gif-placeholder">Initializing tabs...</div>
      </div>
-     <div class="gif-caption"></div>
+     <div class="gif-caption" style="display:none;"></div>
    </div>
-</div></includeonly>
+</div>