Diferencias

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

--- en:companias:advancedmemorysystems [2026/05/22 06:04] – creado jesus
+++ en:companias:advancedmemorysystems [2026/05/22 06:08] (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;
+  }
+  /* Zoom effect for clickable images */
+  .img-zoomable {
+    cursor: zoom-in;
+    transition: transform 0.2s ease;
+  }
+  /* Fullscreen overlay container */
+  .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 89: / Línea 114: @@
 <div class="pcw-page-container crt-effect">
-  <!-- 1. TECHNICAL DATA SHEET -->
+  <!-- 1. TECHNICAL DATA -->
   <div class="ficha-libro-crt">
     <div class="portada-ficha-container">
@@ Línea 108: / Línea 133: @@
   </div>
-  <!-- 2. FULL DESCRIPTION -->
+  <!-- 2. DESCRIPTION -->
   <div class="pcw-section-box">
     <div class="pcw-section-title">Description</div>
@@ Línea 134: / Línea 159: @@
     <div class="pcw-section-title">Advertising and Graphic Material</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">
+      <!-- Interactive zoom class and click event integration -->
+      <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">Advanced Memory Systems Ltd advertisement showcasing its educational titles for the Amstrad PCW range.</div>
     </div>
+  </div>
+  <!-- HIDDEN CONTAINER FOR FULLSCREEN VIEW -->
+  <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>