j-LazyImages

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Dobrze wiedzieć:

Składnik próbuje znaleźć wszystkie elementy <img z atrybutem data-src="" i jeśli element jest widoczny, to składnik aktualizuje atrypt src="" z wartością z atrytem data-src="".

Konfiguracja:

type {String} typu (position lub offset) w celu uzyskania pozycji (default: position)
offsetter {String} opcjonalny, rodzicowy selektor do pozycji
Czy customscrollbar {Boolean} używa cię do skanowania? (default: false)

Użyj go z <ui-component name="lazyimages">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>