react-lazy-load-image-component

react-lazy-load-image-component copied to clipboard

**Bug description** I have a use case where I have to show the user more than 100K images. My API returns images in batches of 3K images. The lazyloading works...

vamzz1

IE 11 support ?

4

**Bug description** scroll event didn't listen in IE, please support IE11 at least **To Reproduce** none **Expected behavior** none **Screenshots** none **Technical details:** - Server Side Rendering? [No] - Device...

fakefish

Support styles applied to the img after loading

1

**Is your feature request related to a problem? Please describe.** Use case: display a grid of preview images. To avoid image distortion and support various screen sizes and layouts, one...

cmenge

`react-lazy-load-image-component` should use Webpack [environment variables](https://webpack.js.org/guides/environment-variables/) to distinguish between production and development builds.

Aljullu

**Bug description** react-lazy-load-image-component 's `.blur` and TailWind's `.blur` duplicate name **To Reproduce** - `effect='blur'` - Add `important: true` in `tailwind.config.cjs` - The image is always blurred [important Docs](https://www.tailwindcss.cn/docs/configuration#important) [disabling blur](https://www.tailwindcss.cn/docs/blur#disabling)...

xxxxue

If Img Fallback Is Error?

1

Hi!, When first load start, I see the "broken img icon". i wanna hide it, also how can i change the error icon for broken links? 

cengizilhan

It renders span tag instead of image tag

3

My code: Hi, I have a problem with LazyLoadImage. the src attributes is the url of the image svg from cloud.

pddt1

While installing I am getting "unable to resolve dependency tree" error

1

While installing (npm i react-lazy-load-image-component) I am getting "unable to resolve dependency tree" error **My Code** import { LazyloadImage } from 'react-lazy-load-image-component'; export default function Mymage(){ console.log("MyImage"); return ( );...

jareesh

Named export 'LazyLoadImage' not found. The requested module 'react-lazy-load-image-component' is a CommonJS module, which may not support all module.exports as named expo rts.

13

import { LazyLoadImage } from 'react-lazy-load-image-component'; ^^^^^^^^^^^^^ SyntaxError: Named export 'LazyLoadImage' not found. The requested module 'react-lazy-load-image-component' is a CommonJS module, which may not support all module.exports as named expo...

darkme0w

**Bug description** I am using LazyLoadComponent and using a placeholder inside it. The issue is that sometimes when my image is in the viewport, the placeholder is still visible instead...

Anubhav-Joria