sorogon/StaticGalleryBuilder
1
0
Fork 0
mirror of https://github.com/greflm13/StaticGalleryBuilder.git synced 2026-04-17 11:30:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

different prefetch

Browse Source
This commit is contained in:
Florian Greistorfer
2026-02-06 10:51:36 +01:00
committed by Florian Greistorfer
parent 104f0c18e9
commit ce6b5ebb39
3 changed files with 22 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
templates/functionality.js
View File

@@ -47,22 +47,21 @@ class PhotoGallery {
}
prefetch(imgIndex) {
if (this.controllers[imgIndex]) {
this.cancel(imgIndex);
}
const controller = new AbortController();
const signal = controller.signal;
this.controllers[imgIndex] = controller;
const urlToFetch = this.shown[imgIndex]?.src;
if (urlToFetch) {
fetch(urlToFetch, { method: "GET", signal }).catch(() => {});
}
const prefetchDiv = document.getElementById("img-prefetch");
if (!prefetchDiv) return;
const img = document.createElement("img");
img.src = this.shown[imgIndex]?.src || "";
prefetchDiv.appendChild(img);
}
cancel(imgIndex) {
if (this.controllers[imgIndex]) {
this.controllers[imgIndex].abort();
delete this.controllers[imgIndex];
const prefetchDiv = document.getElementById("img-prefetch");
if (!prefetchDiv) return;
const img = prefetchDiv.querySelector(`img[src="${this.shown[imgIndex]?.src || ""}"]`);
if (img) {
prefetchDiv.removeChild(img);
}
}
@@ -393,7 +392,7 @@ class PhotoGallery {
if (!isNaN(index)) this.openSwipe(index);
});
imagelist.addEventListener("mouseover", (event) => {
imagelist.addEventListener("mouseenter", (event) => {
const img = event.target.closest("img");
if (!img || !img.dataset.index) return;
const index = parseInt(img.dataset.index);

3
templates/index.html.j2
View File

@@ -57,7 +57,7 @@
<script src="{{ root }}.static/functionality.min.js"></script>
</head>
<body>
<>
<div class="header">
<ol class="navbar">
<div class="navleft">
@@ -197,6 +197,7 @@
</div>
</div>
</div>
<div class="imgprefetch" id="img-prefetch"></div>
</body>
<script>
new PhotoGallery();