Template:MoveCard: Difference between revisions

Revision as of 19:10, 3 September 2025

   File:Placeholder.gif

Startup	Hit Level	Properties	On Block	On Hit	On Counter
—	—	—	—	—	—

No description provided.

 document.addEventListener('DOMContentLoaded', function () {
   document.querySelectorAll('.hover-gif').forEach(function (img) {
     img.addEventListener('mouseover', function () {
       const src = img.src.split('?')[0];
       img.src = src + '?1';
     });
   });
 });

</script>

@@ Line 1: / Line 1: @@
 <div class="move-card-container" style="display: flex; align-items: flex-start; gap: 15px; border: 3px solid #444; border-radius: 8px; background-color: #222; padding: 15px; margin-bottom: 2em; max-width: 720px; box-shadow: 0 0 10px rgba(0,0,0,0.6); color: #fff;">
-   <!-- Image: Hover-to-play GIF -->
+   <!-- GIF that restarts on hover using standard MediaWiki syntax -->
- <div class="move-image" style="flex-shrink: 0; position: relative; width: 210px;">
+  <div class="move-image" style="flex-shrink: 0; width: 210px;">
-  <img
+     [[File:{{{image|Placeholder.gif}}}|210px|link=|class=hover-gif]]
-     src="{{filepath:{{{image|Placeholder.gif}}}}"
+   </div>
-    style="width: 210px; border-radius: 4px;"
-    onmouseover="this.src=this.src + '?1';"
-   />
-</div>
-   <!-- Move Data Table -->
+   <!-- Move data -->
    <div class="move-data" style="flex-grow: 1;">
      <table style="width: 100%; border-collapse: collapse; font-size: 90%; border: none;">
@@ Line 31: / Line 27: @@
      </table>
-    <!-- Description -->
      <p style="margin-top: 12px; font-style: italic; color: #ccc;">{{{description|No description provided.}}}</p>
    </div>
+</div>
-</div>
+<!-- Script to make GIF replay on hover -->
+<script>
+  document.addEventListener('DOMContentLoaded', function () {
+    document.querySelectorAll('.hover-gif').forEach(function (img) {
+      img.addEventListener('mouseover', function () {
+        const src = img.src.split('?')[0];
+        img.src = src + '?1';
+      });
+    });
+  });
+</script>