Loads an image once it is in a certain margin in the viewport. This includes vertical and horizontal scrolling.
Parameters Name Type DescriptionrootMargin string
The root element's bounding box before the intersection test is performed. Default: 0px.
threshold number
The percentage of the image's visibility at which point the image should load. Default: 0.1 (10%).
Returns ExamplesNOTE: The following is in React. For further examples, see the Packages tab. When using the plugin make sure to add dimensions, otherwise the images will load with the size of 0x0, meaning the images will be in the viewport and trigger the lazyload plugin.
<AdvancedImage style={{width: "400px", height: "400px"}} cldImg={img} plugins={[lazyload({rootMargin: '0px',
threshold: 0.25})]} />RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4