enable lazy loading for pictures past 10 in an album (#2633)

LycheeOrg · Nov 9, 2024 · e944e9d · e944e9d
1 parent 65f6c62
commit e944e9d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/resources/js/components/gallery/PhotoThumbPanel.vue b/resources/js/components/gallery/PhotoThumbPanel.vue
@@ -22,6 +22,7 @@
 					:is-selected="props.selectedPhotos.includes(photo.id)"
 					:photo="photo"
 					:album="props.album"
+					:is-lazy="idx > 10"
 				/>
 			</template>
 		</div>

diff --git a/resources/js/components/gallery/thumbs/PhotoThumb.vue b/resources/js/components/gallery/thumbs/PhotoThumb.vue
@@ -20,6 +20,7 @@
 				"
 				data-overlay="false"
 				draggable="false"
+				:loading="props.isLazy ? 'lazy' : 'eager'"
 			/>
 		</span>
 		<div class="overlay w-full absolute bottom-0 m-0 bg-gradient-to-t from-[#00000066] text-shadow-sm" :class="cssOverlay">
@@ -57,6 +58,7 @@ import Constants from "@/services/constants";
 
 const props = defineProps<{
 	isSelected: boolean;
+	isLazy: boolean;
 	album:
 		| App.Http.Resources.Models.AlbumResource
 		| App.Http.Resources.Models.TagAlbumResource