j-LazyImages

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Добре е да се знае:

Компонентът се опитва да намери всички елементи на <img с атрибут data-src="" и ако елементът е видим, тогава компонентът ще актуализира атрибута src="" с стойността от атрикта data-src="".

Конфигуриране:

type {String} тип (position или offset) за получаване на позиция (предварително: position)
offsetter {String} опционален, родителски селектор за получаване на позиция
customscrollbar {Boolean} използвате ли персонализирана скалбар? (предварително: false)

Използвайте го с <ui-component name="lazyimages">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на 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>