mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00

Files

Manu MA ecc2c55370 docs(all): possible values are extracted by stencil (#16190 )

* docs(all): possible values are extracted by stencil

* add defaults

* remove all hardcoded defaults

* update stencil

2018-11-02 00:06:40 +01:00

test

test(all): use test() instead of it() where appropriate (#16129 )

2018-10-29 12:40:06 -05:00

usage

docs(): add more docs about virtual-scroll and ion-img

2018-05-24 13:23:39 -04:00

img.scss

fix(img): add object-fit to the host to avoid skewing the inner img

2018-08-20 11:35:59 -04:00

img.tsx

refactor(all): using ComponentInterface

2018-09-14 18:47:00 +02:00

readme.md

docs(all): possible values are extracted by stencil (#16190 )

2018-11-02 00:06:40 +01:00

readme.md

ion-img

Img is a tag that will lazily load an image when ever the tag is in the viewport. This is extremely useful when generating a large list as images are only loaded when they're visible. The component uses Intersection Observer internally, which is supported in most modern browser, but falls back to a setTimeout when it is not supported.

Properties

Property	Attribute	Description	Type	Default
`alt`	`alt`	This attribute defines the alternative text describing the image. Users will see this text displayed if the image URL is wrong, the image is not in one of the supported formats, or if the image is not yet downloaded.	`string \| undefined`	`undefined`
`src`	`src`	The image URL. This attribute is mandatory for the element.	`string \| undefined`	`undefined`

Events

Event	Description	Detail
`ionImgDidLoad`	Emitted when the img src is loaded	void

Built with StencilJS