j-LazyImages

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Dobré vědět:

Komponenta se snaží najít všechny prvky <img s atributem data-src="" a pokud je prvek viditelný, pak bude komponenta aktualizovat atributu src="" s hodnotou z atributy data-src="".

Konfigurace:

type {String} typ (position nebo offset) pro získání pozice (předvolený: position)
offsetter {String} volitelný, rodičovský selektor pro získání pozice
customscrollbar {Boolean} používáte přizpůsobenou skříňku? (default: false)

Použijte ji s <ui-component name="lazyimages">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

example.html

<ui-component name="lazyimages">

	<div>SCROLL DOWN</div>
	<div style="height:1000px"></div>

	<!-- EMPTY GIF -->
	<!-- YOU CAN USE ENCODED SVG WITH PREDDEFINED SIZE -->
	<img src="data:image/gif;base64,R0lGODlhAQABAPAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://cdn.pixabay.com/photo/2019/08/26/01/13/pacific-4430530_1280.jpg" />

</ui-component>