The images on the page are all small images/ eg thumbs
But i hyperlink the “bigger” image via lightbox.. if i look at the “console” resources..
it downloads / renders all the images that is only linked in the href (Large) … even if i have not yet clicked on them.
Would I be able to add a “lazy load” to these?? so that it will only “download” the higer res image when clicked on the a href???
The idea is to download all the thumbs… so the page loads quickly… but only when i click on the ligthbox… then it should call the large image.. or is this not possible?
I have now even removed the Group “dmx-lightbox="" but it still downloads ALL the large images as soon as you trigger the ligthbox…
Lightbox in Wappler always preloads all linked images — that’s why your large images download immediately. Lazy‑loading them isn’t possible with the built‑in Lightbox.
If you want the large images to load only when clicked, you’ll need to switch to a modal with a dynamic src, or integrate a custom lightbox library, like PhotoSwipe or GLightbox, that supports on‑demand loading.
thanks Ben… i will then just do a “custom” lightweight lightbox
the problem comes in if i have 200 images that is thumbs on the page
200 x 15kb = 3 megabytes = thumbs nails
but the problem comes in now.. when i click on a lightbox
the it will preload as you said.. 200 x 1MB = 200MB per page… in the background…. ouch!!!
I thought the point of the ligthbox was to just “trigger” call up the larger image that was needed on demand.. so for small pages.. eg 10 images its fine.. but for larger pages with big galleries.. this wont work…
