ion-img

シャドウ

img は、タグがビューポート内にあるときに画像を遅延読み込みするタグです。これは、画像が可視になったときにのみ読み込まれるため、大きなリストを生成する場合に非常に役立ちます。コンポーネントは内部で Intersection Observer を使用します。これは最新のほとんどのブラウザでサポートされていますが、サポートされていない場合は setTimeout にフォールバックします。

基本的な使い方

プロパティ

alt

説明	この属性は、画像を説明する代替テキストを定義します。画像のURLが間違っている場合、画像がサポートされている形式ではない場合、または画像がまだダウンロードされていない場合、ユーザーにはこのテキストが表示されます。
属性	alt
タイプ	string ｜ undefined
デフォルト	undefined

src

説明	画像のURL。この属性は、<img>要素に必須です。
属性	src
タイプ	string ｜ undefined
デフォルト	undefined

イベント

名前	説明	バブル
ionError	画像の読み込みに失敗したときに発生します	true
ionImgDidLoad	画像の読み込みが完了したときに発生します	true
ionImgWillLoad	img srcが設定されたときに発生します	true

メソッド

このコンポーネントで使用できるパブリックメソッドはありません。

CSSシャドウパーツ

名前	説明
image	内部のimg要素。

CSSカスタムプロパティ

このコンポーネントで使用できるCSSカスタムプロパティはありません。

スロット

このコンポーネントで使用できるスロットはありません。