Spaces:

terrariyum
/

SDXL-artists-browser

Running

Mattthew commited on Aug 9, 2023

Commit

d482631

•

1 Parent(s): 319456a

fix bugs, missing emoji, keep showing thumb if large size missing

Files changed (2) hide show

index.html CHANGED Viewed

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
 	<script type="text/javascript" src="artists_and_tags.js"></script>
 	<script type="text/javascript" src="index.js"></script>
 	<link rel="stylesheet" href="index.css">

 <!DOCTYPE html>
 <html>
 <head>
+	<meta charset="UTF-8">
 	<script type="text/javascript" src="artists_and_tags.js"></script>
 	<script type="text/javascript" src="index.js"></script>
 	<link rel="stylesheet" href="index.css">

index.js CHANGED Viewed

@@ -1150,17 +1150,23 @@ function loadLargerImages(imageItem) {
 	let images = imageItem.querySelectorAll('img');
 	let missingFiles = '';
 	let imagePromises = Array.from(images).map((img) => {
-		if(img.src.indexOf('_thumbs') > -1) {
-			let first = img.closest('.image-item').querySelector('.firstN');
-			let last = img.closest('.image-item').querySelector('.lastN');
 			return new Promise((resolve, reject) => {
 				img.onload = () => {
 					resolve();
 				}
 				img.onerror = () => {
-					missingFiles += '<li>' + first + '_' + last + '-artwork.webp</li>';
 					reject();
 				};
 				img.src = img.src.replace('_thumbs','');
 			});
 		}

 	let images = imageItem.querySelectorAll('img');
 	let missingFiles = '';
 	let imagePromises = Array.from(images).map((img) => {
+		if(img.src.indexOf('_thumbs') > -1 && img.dataset.thumbSrc == undefined) {
+			// don't try to load if we tried before
+			let first = img.closest('.image-item').querySelector('.firstN').textContent;
+			let last = img.closest('.image-item').querySelector('.lastN').textContent;
 			return new Promise((resolve, reject) => {
 				img.onload = () => {
 					resolve();
 				}
 				img.onerror = () => {
+					if(img.dataset.missingFiles == undefined) {
+						img.dataset.missingFiles = true;
+						missingFiles += '<li>' + img.src + '</li>';
+						img.src = img.dataset.thumbSrc;
+					}
 					reject();
 				};
+				img.dataset.thumbSrc = img.src;
 				img.src = img.src.replace('_thumbs','');
 			});
 		}