# j-LazyImages

> Komponenten försöker hitta alla <img-element med data-src='' attribut och om elementet är synligt uppdaterar komponenten src=" attributet med värdet från data-rc= '' attributen.

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

__Bra att veta__:

Komponenten försöker hitta alla `<img`-element med `data-src=""`-attribut och om elementet är synligt uppdaterar komponenten `src=""`-attributen med värdet från `data-src=""`-attributet.

__Konfigurera__:

- `type {String}` en typ (`position` eller `offset`) för att få position (default: `position`)
- `offsetter {String}` valfritt, en föräldralösare för att få position
- `customscrollbar {Boolean}` Har du använt en anpassad scrollbar? (default: `false`)

Använd den med `<ui-component name="lazyimages">`När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i `DEF.fallback` (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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