Teste: mudanças entre as edições

Edição das 07h12min de 17 de agosto de 2025

 Arquivo:Exemplo.jpg
 Arquivo:Exemplo.jpg

 position: relative;
 display: inline-block;

} .hover-thumb .hover-full {

 visibility: hidden;
 position: absolute;
 left: 110%;
 top: 0;
 z-index: 100;

} .hover-thumb:hover .hover-full {

 visibility: visible;

} </style>

@@ Linha 1: / Linha 1: @@
-<span style="position: relative; display: inline-block;">
+<span class="hover-thumb">
-   [[File:SemImagem.gif|100px|link=]]
+   [[File:Exemplo.jpg|100px|link=]]
-   <span style="display:none; position:absolute; z-index:100; left:110%; top:0;">
+   <span class="hover-full">[[File:Exemplo.jpg|500px|link=]]</span>
-    [[File:SemImagem.gif|500px|link=]]
-  </span>
 </span>
-<script>
+<style>
-  // simples hover: mostra a imagem grande
+.hover-thumb {
-   document.querySelectorAll("span[style*='position: relative']").forEach(el => {
+   position: relative;
-    el.addEventListener("mouseenter", () => {
+  display: inline-block;
-      el.querySelector("span").style.display = "block";
+}
-    });
+.hover-thumb .hover-full {
-    el.addEventListener("mouseleave", () => {
+  visibility: hidden;
-      el.querySelector("span").style.display = "none";
+  position: absolute;
-    });
+  left: 110%;
-   });
+  top: 0;
-</script>
+   z-index: 100;
+}
+.hover-thumb:hover .hover-full {
+  visibility: visible;
+}
+</style>