meowrain/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

x
Some checks failed
Clean ESA Versions on Main / clean-esa-versions (push) Has been cancelled
Details

Browse Source
This commit is contained in:
meowrain
2026-01-02 13:44:59 +08:00
parent d1c15ee7c3
commit f522bc1c5b
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/gallery.astro
View File

@@ -318,7 +318,7 @@ import { Icon } from "astro-icon/components";
if (sentinel) observer.observe(sentinel); if (sentinel) observer.observe(sentinel);
} }
function createCard(imageData, index) { function createCard(imageData, index, isInitial = false) {
const { url, year, month } = imageData; const { url, year, month } = imageData;
const div = document.createElement('div'); const div = document.createElement('div');
div.className = 'gallery-item relative rounded-lg overflow-hidden cursor-zoom-in group/img bg-black/5 dark:bg-white/5'; div.className = 'gallery-item relative rounded-lg overflow-hidden cursor-zoom-in group/img bg-black/5 dark:bg-white/5';
@@ -332,7 +332,7 @@ import { Icon } from "astro-icon/components";
</div> </div>
<img <img
src="${url}" src="${url}"
loading="lazy" ${isInitial ? '' : 'loading="lazy"'}
class="w-full h-auto object-cover opacity-0 transition-all duration-500 group-hover/img:scale-105 group-hover/img:opacity-90" class="w-full h-auto object-cover opacity-0 transition-all duration-500 group-hover/img:scale-105 group-hover/img:opacity-90"
alt="Gallery Image" alt="Gallery Image"
/> />
@@ -384,10 +384,11 @@ import { Icon } from "astro-icon/components";
} }
const end = Math.min(currentIndex + BATCH_SIZE, filteredImages.length); const end = Math.min(currentIndex + BATCH_SIZE, filteredImages.length);
const isInitialBatch = currentIndex === 0;
for (let i = currentIndex; i < end; i++) { for (let i = currentIndex; i < end; i++) {
const imageData = filteredImages[i]; const imageData = filteredImages[i];
const card = createCard(imageData, i); const card = createCard(imageData, i, isInitialBatch);
// 使用高度平衡算法分配到最短的列 // 使用高度平衡算法分配到最短的列
const colIndex = getShortestColumn(); const colIndex = getShortestColumn();