shadowImg は、タグがビューポートに表示されているときに画像をLazy Loadするタグです。これは、画像が表示されているときにのみロードされるため、巨大なリストを生成する場合に非常に便利です。このコンポーネントは Intersection Observer を内部的に使用します。Intersection Observerは、最近のほとんどのブラウザでサポートされていますが、サポートされていない場合は setTimeout
で処理されます。
Description | 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. |
Attribute | alt |
Type | string | undefined |
Default | undefined |
Description | 画像のURL。この属性は <img> 要素では必須です。 |
Attribute | src |
Type | string | undefined |
Default | undefined |
Name | Description |
---|
ionError | imgの読み込みに失敗したときに発行されます。 |
ionImgDidLoad | 画像の読み込みが終了したときに発行されます。 |
ionImgWillLoad | img srcが設定されたときに発行されます。 |
No public methods available for this component.
Name | Description |
---|
image | 内側の img 要素。 |
No CSS custom properties available for this component.
No slots available for this component.