-
1:ID:IOo44L · 4週間前

<img>に幅100%、高さautoにした時に、

画像のロードが終わらないと高さを正確にとれないと思うのですが、

ロードが終わる前でも高さを正確に取得する方法はございますか?

8 件の回答

2:ID:VRxeDg · 4週間前

ロードしたあとにjsで高さを取得してそれに応じた描画をすればいい

3:ID:x2P198 · 4週間前

目的を先に述べるべき。
初心者にありがちなんだけど、目的を達成するのに、まず考え方が間違ってる気がする。

4:ID:RJbSZX · 4週間前

多分読み込み前に動的に取得する方法は無いと思う。
<img src="a.jpg" width="○" height="○">でそれぞれの画像サイズでコーディングする。
アップロードされた画像なら、データベースに横幅、高さも登録してそれを使う。

5:ID:5FAAoB · 4週間前

画像のファイル名に縦横のサイズを仕込んでおけばロード前に取得出来るのでは?

6:ID: · 4週間前

ご回答いただきありがとうございます。

意図としましては、
可変するimgの下にある要素(pとかdiv)のoffset().topを、
画像読み込みのタイミングではなく、DOM構築完了時に取得できれば吉という内容でしたが、

やはりロードが終わった後ではないと高さはとれないため、
読み込みを取らないと難しそうですね;

7:ID:Go/ff4 · 4週間前

Re:3
お前めっちゃウザいやん

8:ID:bUux95 · 4週間前

Re:6
offsetが取れるタイミング待つより、別のレイアウト方法を考えたほうがいい気がする
画像の親要素から相対値で指定するとか

9:ID:vTlR0l · 4週間前

Re:6
padding-topとかで画像比率を持ったdivとか作ればいいんでは?

コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る