feat: preload image
This commit is contained in:
parent
5729caeea0
commit
8e08327dd9
1 changed files with 4 additions and 1 deletions
|
@ -69,7 +69,7 @@ function ComicViewer({
|
|||
return () => {
|
||||
img.removeEventListener("load", listener);
|
||||
// abort loading
|
||||
img.src = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAI=;';
|
||||
img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
|
||||
// TODO: use web worker to abort loading image in the future
|
||||
};
|
||||
}
|
||||
|
@ -85,6 +85,9 @@ function ComicViewer({
|
|||
)}
|
||||
alt="main content"/>
|
||||
<div className="absolute right-0 w-1/2 h-full z-10 select-none" onMouseDown={() => pageUp(1)} />
|
||||
{curPage + 1 < totalPage && (
|
||||
<img src={`/api/doc/${doc.id}/comic/${curPage + 1}`} alt="next page" className="sr-only" />
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue