Lightbox fuer Grundriss-Bilder im Bereich Raumaufteilung hinzugefuegt

haus-schleusingen.html

@@ -212,8 +212,16 @@
               </div>
             </div>
             <div class="floor-plan floor-plan-multi">
-              <img src="bilder/grundrisse/EG-small.jpg" alt="Grundriss Erdgeschoss" />
-              <img src="bilder/grundrisse/EG 3D-small.jpg" alt="Grundriss Erdgeschoss" />
+              <img
+                src="bilder/grundrisse/EG-small.jpg"
+                alt="Grundriss Erdgeschoss"
+                data-img="bilder/grundrisse/EG.png"
+              />
+              <img
+                src="bilder/grundrisse/EG 3D-small.jpg"
+                alt="Grundriss Erdgeschoss"
+                data-img="bilder/grundrisse/EG 3D.png"
+              />
             </div>
           </div>
         </div>
@@ -253,8 +261,16 @@
               </div>
             </div>
             <div class="floor-plan floor-plan-multi">
-              <img src="bilder/grundrisse/OG 1 2-small.jpg" alt="Grundriss 1. Obergeschoss" />
-              <img src="bilder/grundrisse/OG 1 3D-small.jpg" alt="Grundriss 1. Obergeschoss" />
+              <img
+                src="bilder/grundrisse/OG 1 2-small.jpg"
+                alt="Grundriss 1. Obergeschoss"
+                data-img="bilder/grundrisse/OG 1 2.png"
+              />
+              <img
+                src="bilder/grundrisse/OG 1 3D-small.jpg"
+                alt="Grundriss 1. Obergeschoss"
+                data-img="bilder/grundrisse/OG 1 3D.png"
+              />
             </div>
           </div>
         </div>
@@ -297,8 +313,13 @@
               <img
                 src="bilder/grundrisse/OG 2 grundriss-small.jpg"
                 alt="Grundriss 2. Obergeschoss (1)"
+                data-img="bilder/grundrisse/OG 2 grundriss.png"
+              />
+              <img
+                src="bilder/grundrisse/OG 2 3D-small.jpg"
+                alt="Grundriss 2. Obergeschoss (1)"
+                data-img="bilder/grundrisse/OG 2 3D.png"
               />
-              <img src="bilder/grundrisse/OG 2 3D-small.jpg" alt="Grundriss 2. Obergeschoss (1)" />
             </div>
           </div>
         </div>
@@ -317,6 +338,18 @@
                 <span class="room-chip-area">52 m²</span>
               </div>
             </div>
+            <div class="floor-plan floor-plan-multi">
+              <img
+                src="bilder/grundrisse/Dachboden unten 2-small.jpg"
+                alt="Grundriss Dachboden"
+                data-img="bilder/grundrisse/Dachboden unten 2.png"
+              />
+              <img
+                src="bilder/grundrisse/Dachboden unten-small.jpg"
+                alt="Grundriss Dachboden"
+                data-img="bilder/grundrisse/Dachboden unten.png"
+              />
+            </div>
           </div>
         </div>
       </div>

js/haus-schleusingen.js

@@ -50,6 +50,14 @@ $(function () {
     $("#lightbox").addClass("open");
     $("body").css("overflow", "hidden");
   });
+
+  // Lightbox – floor plan images in Raumaufteilung
+  $(document).on("click", ".floor-plan img[data-img]", function () {
+    var src = $(this).data("img");
+    $("#lightboxImg").attr("src", src);
+    $("#lightbox").addClass("open");
+    $("body").css("overflow", "hidden");
+  });
   $("#lightboxClose, #lightbox").on("click", function (e) {
     if (e.target === this) {
       $("#lightbox").removeClass("open");