画像要素にURLを割り当てるときに、読み込みアイコンを表示する必要があります。私はこのサイトの他の質問を見てきましたが、ページをロードするときに画像の優雅なプリローダーを表示する方法についてのみ詳しく説明しています。私が必要としているのは、ページがロードされた後にプリローダーを表示することです。私が探しているものには2つのシナリオがあり、以下で説明します。
DOM画像要素を動的に作成し、この要素にURLを割り当てます。その間、要素に画像が表示されるまでに約2〜3秒かかり、その領域は2〜3秒間空白になります。私がする必要があるのは、プリロードアイコンを表示し、画像がロードされたらそれを非表示にすることです。
DIV画像要素を動的に作成し、URLをに割り当てます
background:url()
。その間、要素に画像が表示されるまでに約2〜3秒かかり、その領域は2〜3秒間空白になります。私がする必要があるのは、プリロードアイコンを表示し、画像がロードされたらそれを非表示にすることです。
両方のシナリオでプリローダーを表示するにはどうすればよいですか?