Diferencias

Muestra las diferencias entre dos versiones de la página.

--- companias:advancedmemorysystems [2026/05/22 06:03] – creado jesus
+++ companias:advancedmemorysystems [2026/05/22 06:09] (actual) – jesus
@@ Línea 64: / Línea 64: @@
   .index-subitem::before { content: "├─ "; color: #008800; }
-  /* CENTRADO DE IMAGEN */
+  /* CENTRADO DE IMAGEN E INTERACTIVIDAD POPUP (ZOOM) */
   .pcw-image-center {
     display: flex;
@@ Línea 79: / Línea 79: @@
     margin-top: 8px;
     text-align: center;
+  }
+  /* Efecto zoom para imágenes cliqueables */
+  .img-zoomable {
+    cursor: zoom-in;
+    transition: transform 0.2s ease;
+  }
+  /* Contenedor overlay para pantalla completa */
+  .pcw-fullscreen-overlay {
+    display: none;
+    position: fixed;
+    top: 0; left: 0; width: 100%; height: 100%;
+    background-color: rgba(0, 11, 0, 0.95);
+    z-index: 99999;
+    justify-content: center;
+    align-items: center;
+    cursor: zoom-out;
+  }
+  .pcw-fullscreen-overlay img {
+    max-width: 95%;
+    max-height: 95%;
+    object-fit: contain;
+    border: 4px solid #00ff00;
+    box-shadow: 0 0 30px rgba(0,255,0,0.5);
   }
@@ Línea 134: / Línea 159: @@
     <div class="pcw-section-title">Publicidad y Material Gráfico</div>
     <div class="pcw-image-center">
-      <img src="/lib/exe/fetch.php?media=compañias:logos:Advanced_Memory_ad_pcw.jpg" width="400" alt="Advanced Memory Systems Ad">
+      <!-- Integración de la clase interactiva y el evento click -->
+      <img src="/lib/exe/fetch.php?media=compañias:logos:Advanced_Memory_ad_pcw.jpg" width="400" alt="Advanced Memory Systems Ad" class="img-zoomable" onclick="document.getElementById('pcwOverlay').style.display='flex'">
       <div class="pcw-image-caption">Anuncio de Advanced Memory Systems Ltd donde se aprecian sus títulos educativos para la gama Amstrad PCW.</div>
     </div>
+  </div>
+  <!-- CONTENEDOR OCULTO PARA LA VISTA EN PANTALLA COMPLETA -->
+  <div id="pcwOverlay" class="pcw-fullscreen-overlay" onclick="this.style.display='none'">
+    <img src="/lib/exe/fetch.php?media=compañias:logos:Advanced_Memory_ad_pcw.jpg" alt="Advanced Memory Systems Ad Fullscreen">
   </div>