Skip to content
#

lazyload

Here are 281 public repositories matching this topic...

vanilla-lazyload

LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.

  • Updated Jun 25, 2020
  • JavaScript
jamesrx
jamesrx commented Oct 11, 2019

The documentation specifies that scrollContainer can be set to either a queryselector string, or a DOM node, and the propTypes reflect this as well.

Currently, if anything other than a string is passed as the value of scrollContainer, the value is ignored.

An object should be accepted instead of only a string.

lilstargazer
lilstargazer commented Mar 28, 2017

Plunkr: http://plnkr.co/edit/calGSdZMXDiNwNipstYO?p=preview

Problem: If you try to click the link for lazy.foo, it will not work because the lazy.foo state is registered before the parent state lazy.

If _lazyModule.js was not lazy loaded, it would correctly register the states where lazy was registered before lazy.foo. I've tried using the global configuration of serie,

react-lazy-load-image-component
jotamodesto
jotamodesto commented Apr 17, 2020

If I'm not mistaken the blur and black and white effects are related to the placeholderSrc, and opacity creates a blank space then transition to the loaded image.

It would be nice if I define placeholder prop, then the opacity effect could use it

Ex:
<LazyLoadImage src="some-big-image.jpg" placeholder={<div>Loading...</div>} effect="opacity" />

wp-rocket
gevcen
gevcen commented Jan 26, 2020

Before submitting an issue please check that you’ve completed the following steps:
Everything up to date

Describe the bug
In WordPress, we have Pages and we have Articles. When you clear the cache for one particular page, the success message being displayed indicates that the "ARTICLE" was cleared with success.

To Reproduce
Create any page and clear its cache.

**Expected be

Improve this page

Add a description, image, and links to the lazyload topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the lazyload topic, visit your repo's landing page and select "manage topics."

Learn more

You can’t perform that action at this time.