img のロードを検出する方法

参考:

img タグの画像読み込みを監視する – Qiita

img 要素の src 属性と onload イベントリスナの設定タイミング | Please Sleep

画像 (IMG 要素) の読み込み後 (load イベント) の処理が動かない対策 | emwaiblog

Promise を使う

参考:

Promise ベースで Image().onload する – Qiita

display: none; の画像が読み込まれるか

img タグが display: none⭕️ 画像は読み込まれる

親要素が display: noneimg タグ⭕️ 画像は読み込まれる

display: none 要素の background-image 読み込まれないケースがある (ブラウザ依存)

親要素が display: nonebackground-image❌ 読み込まれない

参考:

CSS の “display: none” と画像ロード処理について – Qiita

Does “display:none” prevent an image from loading? – Stack Overflow

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA