Building a Web Based Comic Book Reader

[giscus[bot]]

Building a Web Based Comic Book Reader

Reading Electronic Comic Books via the Web

https://www.raymondcamden.com/2025/08/28/building-a-web-based-comic-book-reader

[marypcbuk]

nice! maybe add a click to go to next page so readers don't have to keep going up to the nav?

[cfjedimaster]

or - maybe left and right arrow support? tbh, i wasn't going to build on this much more as it's just meant to serve up a AI demo next, but i could see keyboard nav being good. what do you mean, just click to advance or left/right arrow support?

[marypcbuk]

when I tried it out, my instinct was to click to advance because so many webcomics use that paradigm - but keyboard support might be even better for accessibility? <JOKE!>surely the AI can vibe code that for you ;) </JOKE!>

[cfjedimaster]

ya know, i could do mouse click for advance, arrow keys for nav. cover both cases.

[cfjedimaster]

Done with a few lines of code:

// Suggestions by @marypcbuk
$currentPage.addEventListener('click', doNextPage);
document.addEventListener('keydown', function(event) {
	if (event.key === 'ArrowLeft') doPrevPage();
        if (event.key === 'ArrowRight') doNextPage();
});

Now, I shouldn't keep assigning those event handlers every time you drag a comic, but I don't really support dragging a second comic. Good enough I think. :) Thank you for the suggestion!

[gildas-lormeau]

Author of zip.js here, I'm glad to see that you've updated your comic reader :)

[gildas-lormeau]

By the way, I wish you the best of luck for the future.

[cfjedimaster]

Thank you, and thank you for the library!