https://wiki.gla.com.br/index.php?action=history&feed=atom&title=Widget%3AMaxgif
Widget:Maxgif - Histórico de revisão
2026-05-21T01:22:16Z
Histórico de revisões para esta página neste wiki
MediaWiki 1.36.1
https://wiki.gla.com.br/index.php?title=Widget:Maxgif&diff=37673&oldid=prev
Gurren1: Criou página com '<script> (function(){ var css = ".gx-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2147483647}"+ ".gx-backdrop{position:f...'
2025-08-14T03:00:35Z
<p>Criou página com '<script> (function(){ var css = ".gx-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2147483647}"+ ".gx-backdrop{position:f...'</p>
<p><b>Página nova</b></p><div><script><br />
(function(){<br />
var css =<br />
".gx-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2147483647}"+<br />
".gx-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.86)}"+<br />
".gx-modal{position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none}"+<br />
".gx-box{position:relative;display:inline-block;background:#000;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.5);overflow:hidden;pointer-events:auto}"+<br />
".gx-img{display:block;max-width:min(92vw,1200px);max-height:92vh;width:auto;height:auto}"+<br />
".gx-close{position:absolute;top:6px;right:6px;width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.38);color:#fff;font-size:22px;line-height:32px;text-align:center;cursor:pointer}"+<br />
".gifbox{cursor:pointer;text-decoration:underline;color:#0645ad}"+<br />
".gifbox:visited{color:#0b0080}"+<br />
".gx-open{overflow:hidden!important}";<br />
var style=document.createElement("style");style.type="text/css";style.appendChild(document.createTextNode(css));document.head.appendChild(style);<br />
<br />
var overlay=document.createElement("div");<br />
overlay.className="gx-overlay";overlay.setAttribute("role","dialog");overlay.setAttribute("aria-modal","true");<br />
overlay.innerHTML='<div class="gx-backdrop"></div><div class="gx-modal"><div class="gx-box"><button class="gx-close" type="button" aria-label="Fechar">&times;</button><img class="gx-img" src="" alt="" loading="eager" decoding="async" referrerpolicy="no-referrer"></div></div>';<br />
document.body.appendChild(overlay);<br />
<br />
var backdrop=overlay.querySelector(".gx-backdrop");<br />
var box=overlay.querySelector(".gx-box");<br />
var img=overlay.querySelector(".gx-img");<br />
var closeBtn=overlay.querySelector(".gx-close");<br />
var lastActive=null;<br />
<br />
function openBox(url,altText){<br />
if(!url)return;<br />
lastActive=document.activeElement;<br />
document.body.classList.add("gx-open");<br />
img.removeAttribute("width");img.removeAttribute("height");<br />
img.src=url; img.alt=altText||"";<br />
overlay.style.display="flex";<br />
// garante centralização mesmo antes do load<br />
box.style.width="auto"; box.style.height="auto";<br />
// após carregar, não deixa “caixa maior que o necessário”<br />
if(img.complete){fit()} else {img.addEventListener("load",fit,{once:true});}<br />
closeBtn.focus();<br />
}<br />
<br />
function fit(){<br />
// nada de tamanhos fixos: a caixa segue a imagem escalada<br />
box.style.width="auto"; box.style.height="auto";<br />
}<br />
<br />
function closeBox(){<br />
overlay.style.display="none";<br />
document.body.classList.remove("gx-open");<br />
img.src=""; img.alt="";<br />
if(lastActive && lastActive.focus) lastActive.focus();<br />
}<br />
<br />
overlay.addEventListener("click",function(e){<br />
if(e.target===overlay||e.target===backdrop) closeBox();<br />
});<br />
closeBtn.addEventListener("click",closeBox);<br />
document.addEventListener("keydown",function(e){ if(e.key==="Escape") closeBox(); });<br />
<br />
document.addEventListener("click",function(e){<br />
var t=e.target;<br />
while(t && t!==document){<br />
if(t.classList && t.classList.contains("gifbox")) break;<br />
t=t.parentNode;<br />
}<br />
if(!t || t===document) return;<br />
e.preventDefault();<br />
var url=t.getAttribute("data-gif")||t.getAttribute("href");<br />
var alt=t.getAttribute("data-alt")||t.textContent.trim();<br />
if(!url) return;<br />
openBox(url,alt);<br />
},false);<br />
})();<br />
</script></div>
Gurren1