Alternative method to onload in dom?

[oskarrough]

Hi, might be a stupid question but how'd you use lazyload without onload attributes on every element? Is it possible to initialize the method globally?

[vvo]

Yes that is a very good idea and depending on how we would implement it, it could solves issues like #45.

Do you have any idea on how the manual initialize would look like?

[oskarrough]

I would look for inspiration in https://github.com/desandro/imagesloaded

One method would be to define a container and attach lazyload to every image in it. A setting could override what we're looking for, allowing us to get more elements than just images. Like iframes and the other things currently supported.

Something along document.getElementsByClassName('lazyload')

[vvo]

@oskarrough That is a good idea, and we can tackle it from different angles:

1. Have an onload attribute on the container div.

   <div onload="lazyload.method(options)">
     <img data-src= src= > ..
   </div>

   In this solution when the img loads the blank src, it will trigger an onload on the container div and so you do not need
   to add onload= on every image.

   There is no delay compared to the second solution below:

2. Adding an elements options

   <div id="lazy">
     <img data-src src class=lazyimg >
     <img data-src src class=lazyimg >
     <img data-src src class=lazyimg >
     <img data-src src class=lazyimg >
     <img data-src src class=lazyimg >
     <script>
     lazyload({
       container: document.getElementById('lazy'),
       elements: document.getElementsByClassName('lazyimg')
     });
     </script>
   </div>

   As you can see,
   the drawback to not using the onload="" attribute on the images or on container div is that
   you will need to ask the DOM for the elements.

   Rather than having the elements register themselves to the lazyload instance.

   It means you will have to wait for the elements to be in the DOM
   to query them and you will loose some time so the first images will take more time to load.

What do you think?

[vvo]

Closing as no further discussion for the moment