How to use the lazysizes.cfg function in lazysizes
To help you get started, we’ve selected a few lazysizes examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
namics / generator-nitro / packages / project-nitro / src / patterns / atoms / image / js / image.js View on Github 
import 'lazysizes/plugins/respimg/ls.respimg';
import 'lazysizes/plugins/object-fit/ls.object-fit';
import 'lazysizes/plugins/parent-fit/ls.parent-fit';
/**
* configuration for lazysizes
*/
const stateClasses = {
lazyload: 'js-a-image--lazyload',
pending: 'state-a-image__image--pending',
loading: 'state-a-image__image--loading',
loaded: 'state-a-image__image--loaded',
};
Object.assign(lazySizes.cfg, {
preloadAfterLoad: false,
loadMode: 1,
expand: 10,
expFactor: 1.7,
lazyClass: stateClasses.lazyload,
preloadClass: stateClasses.pending,
loadingClass: stateClasses.loading,
loadedClass: stateClasses.loaded,
debug: true,
});import __assign from 'core-js/features/object/assign';
Object.assign = Object.assign || __assign;
/**
* configuration for lazysizes
*/
enum States {
Lazyload = 'js-a-image--lazyload',
Pending = 'state-a-image__image--pending',
Loading = 'state-a-image__image--loading',
Loaded = 'state-a-image__image--loaded',
}
Object.assign(lazySizes.cfg, {
preloadAfterLoad: false,
loadMode: 1,
expand: 10,
expFactor: 1.7,
lazyClass: States.Lazyload,
preloadClass: States.Pending,
loadingClass: States.Loading,
loadedClass: States.Loaded,
debug: true,
});lazysizes
High performance (jankfree) lazy loader for images (including responsive images), iframes and scripts (widgets).
