fullspread img left ok

This commit is contained in:
Valentin
2023-06-27 17:39:49 +02:00
parent 05baac95de
commit f6c332adca
2 changed files with 27 additions and 2 deletions
@@ -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;
}
@@ -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);