# j-LazyImages

> El componente intenta encontrar todos los elementos <img con el atributo data-src='' y si el elemento es visible, el componente actualizará el atributo src='' con el valor del atributo data-src=''.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: es
Content-SHA256: f6b9d866346b8ced5ef2a27641d09343e4cf078d9c19320f7062617862179d77
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

__Es bueno saberlo__:

El componente intenta encontrar todos los elementos `<img` con el atributo `data-src=""` y, si el elemento es visible, el componente actualizará el atributo `src=""` con el valor del atributo `data-src=""`.

__Configuración__:

- `type {String}` un tipo (`position` o `offset`) para obtener la posición (por defecto: `position`)
- `offsetter {String}` opcional, un selector de padres para obtener la posición.
- `customscrollbar {Boolean}` ¿has utilizado una barra de desplazamiento personalizada? (predeterminado: `false`)

Úselo con `<ui-component name="lazyimages">`. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en `DEF.fallback` (la CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

```html 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>
```