fullspread img left ok

user/themes/carnet-atterrissage/css/mep_carnet.css

@@ -228,10 +228,23 @@ img {
 .imgfullspreadleft {
   break-before: left;
   break-after: left;
-  max-height: 100%;
+  width: 149mm;
+  overflow: hidden;
 }
 
 .imgfullspreadleft img {
-  height: 100%;
+  height: 198mm;
+  width: auto;
+}
+
+.imgfullspreadleft-right {
+  width: 149mm;
+  overflow: hidden;
+  margin-left: -16mm;
+}
+
+.imgfullspreadleft-right img {
+  height: 198mm;
   width: auto;
+  margin-left: -141mm;
 }

user/themes/carnet-atterrissage/templates/partials/base.html.twig

@@ -160,6 +160,18 @@
                     }
                 }
             }
+            // images fullspread
+            let fullspreadEl = document.getElementsByClassName('imgfullspreadleft');
+            for (let i = 0; i < fullspreadEl.length; i++) {
+                let imgSrc = fullspreadEl[i].firstElementChild.getAttribute('src');
+                let nextPage = fullspreadEl[i].closest('.pagedjs_page').nextElementSibling.querySelectorAll('.pagedjs_page_content');
+                let imgOverflowEl = document.createElement('div');
+                imgOverflowEl.setAttribute('class', 'imgfullspreadleft-right');
+                let imgOverflow = document.createElement('img');
+                imgOverflow.src = imgSrc;
+                imgOverflowEl.append(imgOverflow);
+                nextPage[0].append(imgOverflowEl);
+            }
         }
     }
     Paged.registerHandlers(setMarginTexts);