Answers for "image lazy load"

8

html lazy loading images

<img loading="lazy" src="https://via.placeholder.com/320x200" alt="Lazy loaded image" />
Posted by: Guest on December-11-2020
0

html lazy load images

<img src="image.png" loading="lazy" alt="…" style="height:200px; width:200px;">
Posted by: Guest on February-03-2021
1

lazy image loading react

import React from "react";
import LazyLoad from "react-lazyload";

export default function App() {
  return (
    <div className="list">
      <LazyLoad height={250} once>
        <img src="https://placedog.net/500/280" alt="dog" />
</LazyLoad>
      <LazyLoad height={250} once>
        <img src="https://placedog.net/500/300" alt="dog" />
      </LazyLoad>
      <LazyLoad height={250} offset={150}>
        <img src="https://placedog.net/500/300" alt="happy dog" />
      </LazyLoad>
    </div>
  );
}
Posted by: Guest on August-29-2021
-2

Lazy laoding of images

<img data-src="image.jpg" alt="test image">
Posted by: Guest on April-23-2021

Browse Popular Code Answers by Language