Javascript：イメージが完全に読み込まれる前にイメージの寸法を取得できますか？

Question

私は、ページデータが非常に迅速に読み込まれるモバイル版のWebサイトを構築していますが、ページ上のイメージが大きいため、時間の経過とともにゆっくりと表示されます。

問題は、画像がゆっくりと入ってくるので、ページの内容を押し下げて、ユーザーが読書位置を失うことです。

私がやりたいことは、これらの画像のサイズを決めてから、画像の読み込み時に画像を埋め込む正しいサイズの黒のプレースホルダーを残すことです。したがって、ユーザーの読書の経験は、画像が開いている間にかき乱されることはありません。

その可能ならば、私はjavascriptやHTML5 前の画像をロードして画像のサイズを取得し、その後のJScript/HTML5で行くことを思っていたし、設定された幅と高さは、最初のページの荷重 - 上のタグに属性 - 画像が完全に読み込まれる前に。

ありがとうございます！

* EDIT：画像がありません事前に知られている幅と高さを持つすべての異なるソースからなので、私は、HTMLは、バットをオフにwidth、height属性を使用することはできません（そのほとんどがランダムなユーザーが画像を掲載）

Answer 1

これは、<img />要素の属性であるheightとです。それらを画像の高さ/幅に設定すると、そのスペースはレンダラーによって予約されます。

それ以外の場合は、鶏卵状態です。あなたは魔法のようにできませんイメージのサイズを見つける;あなたはまずそれをダウンロードする必要があります！