微件:GF立绘切换

(function() {

   function initSwitcher() {
       document.querySelectorAll('.gf-infobox-new').forEach(function(box) {
           if (box.dataset.switcherReady) return;
           box.dataset.switcherReady = 'true';

           var container = box.querySelector('.gf-image-container');
           var thumbItems = box.querySelectorAll('.gf-thumb-item');

           if (!container || thumbItems.length < 2) return;

           thumbItems.forEach(function(item) {
               item.addEventListener('click', function() {
                   if (this.classList.contains('active')) return;

                   // 直接从 data-fullsrc 读取 filepath: 生成的完整URL
                   var newSrc = this.dataset.fullsrc;
                   if (!newSrc) return;

                   // 淡出
                   var oldImg = container.querySelector('img, a img');
                   if (oldImg) {
                       oldImg.style.transition = 'opacity 0.15s ease';
                       oldImg.style.opacity = '0';
                   }

                   setTimeout(function() {
                       // 用 <img> 替换原先的wiki File语法渲染结果（<a><img></a>）
                       container.innerHTML = '<img src="' + newSrc + '" style="max-width:100%;max-height:420px;object-fit:contain;transition:opacity 0.3s ease;opacity:0;">';
                       var newImg = container.querySelector('img');
                       if (newImg) {
                           requestAnimationFrame(function() {
                               newImg.style.opacity = '1';
                           });
                       }
                   }, 150);

                   thumbItems.forEach(function(t) { t.classList.remove('active'); });
                   item.classList.add('active');
               });
           });
       });
   }

   if (document.readyState === 'loading') {
       document.addEventListener('DOMContentLoaded', initSwitcher);
   } else {
       initSwitcher();
   }

   if (window.mw && mw.hook) {
       mw.hook('wikipage.content').add(initSwitcher);
   }

})();