Dynasty Scans Preload + Long Strip Bookmarklet (Sequential)

javascript:
(async () => {
    let imageDiv = document.querySelector("#image");

    let linksDiv = imageDiv.appendChild(document.createElement("div"));
    linksDiv.appendChild(document.querySelector("#image>.pages-list>#prev_link"));
    linksDiv.appendChild(document.createTextNode("\xa0".repeat(40)));
    linksDiv.appendChild(document.querySelector("#image>.pages-list>#next_link"));

    let pagesDiv = imageDiv.appendChild(document.createElement("div"));

    let numLoaded = 0;
    let numLoadedDiv = imageDiv.appendChild(document.createElement("div"));
    numLoadedDiv.textContent = `Loaded 0/${pages.length}`;

    let topButton = imageDiv.appendChild(document.createElement("div")).appendChild(document.createElement("button"));
    topButton.textContent = "Scroll to Top";
    topButton.onclick = () => {
        window.scrollTo({top: 0, behavior: "smooth"});
    };

    for (const node of document.querySelectorAll("#image>.pages-list, #image>.left, #image>.right, #image>img")) {
        node.parentNode.removeChild(node);
    }

    for (const page of pages) {
        let newImg = document.createElement("img");
        let imgDone = new Promise((resolve) => {
            newImg.onload = newImg.onerror = resolve;
        });
        newImg.alt = page.name;
        newImg.src = page.image;
        pagesDiv.appendChild(document.createElement("div")).appendChild(newImg);
        await imgDone;
        numLoadedDiv.textContent = `Loaded ${++numLoaded}/${pages.length}`;
    }
})()