Template:TabGifDisplay: Difference between revisions

@@ Line 1: / Line 1: @@
-{{#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}}">
+<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:gifDisplayTitle}}</h3>
+<h3 class="tab-gif-title">{{{title|GIF Showcase}}}</h3>
-    <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-display-area">
-    <div class="gif-image-container">
-      <div class="gif-placeholder">Initializing tabs...</div>
-    </div>
-    <div class="gif-caption" style="display:none;"></div>
-  </div>
 </div>
+<div class="tab-gif-tabs"></div>
+<div class="tab-gif-display-area">
+<div class="gif-image-container">
+<div class="gif-placeholder">Initializing tabs...</div>
+</div>
+<div class="gif-caption" style="display:none;"></div>
+</div>
+</div></includeonly>

Latest revision as of 04:44, 3 November 2025