j-LazyImages

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

Bom para saber:

O componente tenta encontrar todos os elementos <img com o atributo data-src="" e se o elemento é visível, então o componente atualizará o atributo src="" com o valor do atribut data-src="".

Configuração:

type {String} um tipo (position ou offset) para obter posição (default: position)
offsetter {String} opcional, um selector parental para obter posição
customscrollbar {Boolean} Você já usou um scrollbar personalizado? (default: false)

Use-o com <ui-component name="lazyimages">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>