AB-interchange is a small, vanilla script to:
- lazy load images and background-images
- give responsiveness to background-images
Informations
AB-mediaQuery is initilized with:
AB.plugins.mediaQuery({
bp: {
smallOnly: 'screen and (max-width: 767px)',
mediumOnly: 'screen and (min-width: 768px) and (max-width: 1024px)',
medium: 'screen and (min-width: 768px)',
largeOnly: 'screen and (min-width: 1025px) and (max-width: 1280px)',
large: 'screen and (min-width: 1025px)'
}
});
AB-interchange is initilized with:
AB.plugins.interchange({
lazySettings: {
offscreen: 1.25,
layout: 'fluid' // can be "fixed" to fixed dimensions (not fluid)
}
});