Dynamically requiring images?
I've a module that contains a class that represents the Hero section of my site. The Hero has a slider of images.
At the top of the class I'm importing the images:
Snippet of the string of html produced to insert into the DOM:
Nothing special.
But now I'd like to wait until the page is fully loaded before requiring the solar and datacenter images.
So in the class I add a function to set up the lazy loading:
But I assume this isn't working because I can't simply expect the already rendered html to update the src of the img?
Not entirely sure how to approach this - especially if I then look to use a
EDIT
So the solution was to dynamically require the image in the
At the top of the class I'm importing the images:
Snippet of the string of html produced to insert into the DOM:
Nothing special.
But now I'd like to wait until the page is fully loaded before requiring the solar and datacenter images.
So in the class I add a function to set up the lazy loading:
But I assume this isn't working because I can't simply expect the already rendered html to update the src of the img?
Not entirely sure how to approach this - especially if I then look to use a
<picture>EDIT
So the solution was to dynamically require the image in the
<img><picture>
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
