j-LazyImages

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Je dobré vedieť:

Komponent sa snaží nájsť všetky prvky <img s atribútom data-src="" a ak je prvok viditeľný, komponent aktualizuje atribút src="" hodnotou z atribútu data-src="".

Konfigurácia:

type {String} typ (position alebo offset) na získanie pozície (predvolené: position)
offsetter {String} voliteľný, rodičovský volič pre získanie pozície
customscrollbar {Boolean} použili ste vlastný posuvník? (predvolené: false)

Použite ho so <ui-component name="lazyimages">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

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>