fullspread img left ok
This commit is contained in:
@@ -228,10 +228,23 @@ img {
|
|||||||
.imgfullspreadleft {
|
.imgfullspreadleft {
|
||||||
break-before: left;
|
break-before: left;
|
||||||
break-after: left;
|
break-after: left;
|
||||||
max-height: 100%;
|
width: 149mm;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.imgfullspreadleft img {
|
.imgfullspreadleft img {
|
||||||
height: 100%;
|
height: 198mm;
|
||||||
width: auto;
|
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);
|
Paged.registerHandlers(setMarginTexts);
|
||||||
|
|||||||
Reference in New Issue
Block a user