Joururi/leim-maps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed image to eager

Browse Source 
Maybe this needs to be changed ? It's going to be taxing with a lot of images idk
It's also annoying to have a white space while the image loads.
This commit is contained in:
Alexis
2025-01-13 16:04:43 +01:00
parent 5400735e26
commit 1eed243e7d
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/maps/Map.astro
View File

@@ -196,7 +196,8 @@ for (let i = 0; i < markers.length; i++) {
popupContent += ` popupContent += `
<figure class="${figureClass}"> <figure class="${figureClass}">
<img src="/images/cover/${m.cover}" alt="${m.title}" width="${figureWidth}" loading="lazy" /> <img src="/images/cover/${m.cover}" alt="${m.title}" width="${figureWidth}" loading="eager" />
<figcaption> <figcaption>
<cite>par <a href="${m.coverLink}" target="_blank">${m.coverAuthor}</a></cite> <cite>par <a href="${m.coverLink}" target="_blank">${m.coverAuthor}</a></cite>
</figcaption> </figcaption>
@@ -642,8 +643,8 @@ map.addEventListener('click', (event) => {
const lat = convertScaleToY(event.latlng.lat) const lat = convertScaleToY(event.latlng.lat)
const lon = convertScaleToX(event.latlng.lng) const lon = convertScaleToX(event.latlng.lng)
console.group('Point data') console.group('Point data')
console.log("Latitude :", lat)
console.log("Longitude :", lon) console.log("Longitude :", lon)
console.log("Latitude :", lat)
console.log("Zoom :", map.getZoom()) console.log("Zoom :", map.getZoom())
console.groupEnd() console.groupEnd()
}) })