Please update main readme for beginners #90

sengiv · 2022-05-12T10:47:49Z

Please place this in the front page readme, so beginners can spot it easy.
This's useful piece of code to see when starting especially for beginner developer.
Nice repo!

@MarkOGDev per the Setup Images and Example Code sections of the docs, the simplest possible configuration would look as follows:

<!DOCTYPE html>

<html>
  <head></head>
  <body>
    <!-- setup images, only the data-normal attribute is required -->
    <img data-normal="normal.jpg">

    <!-- optionally include data-retina and data-srcset attributes -->
    <img data-normal="normal.jpg"
         data-retina="retina.jpg"
         data-srcset="small.jpg 320w, medium.jpg 768w, large.jpg 1024w">

    <!-- load Layzr -->
    <script src="layzr.min.js"></script>

    <!-- start up Layzr -->
    <script>
      const instance = Layzr();
      document.addEventListener('DOMContentLoaded', function(event) {
        instance
          .update()           // track initial elements
          .check()            // check initial elements
          .handlers(true)     // bind scroll and resize handlers
      })
    </script>
  </body>
</html>

please don't hesitate to reach out with any more questions!

Originally posted by @callmecavs in #56 (comment)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Please update main readme for beginners #90

Please update main readme for beginners #90

sengiv commented May 12, 2022 •

edited

Loading

Please update main readme for beginners #90

Please update main readme for beginners #90

Comments

sengiv commented May 12, 2022 • edited Loading

sengiv commented May 12, 2022 •

edited

Loading