ロードしたあとにjsで高さを取得してそれに応じた描画をすればいい
目的を先に述べるべき。初心者にありがちなんだけど、目的を達成するのに、まず考え方が間違ってる気がする。
多分読み込み前に動的に取得する方法は無いと思う。<img src="a.jpg" width="○" height="○">でそれぞれの画像サイズでコーディングする。アップロードされた画像なら、データベースに横幅、高さも登録してそれを使う。
画像のファイル名に縦横のサイズを仕込んでおけばロード前に取得出来るのでは?
ご回答いただきありがとうございます。意図としましては、可変するimgの下にある要素(pとかdiv)のoffset().topを、画像読み込みのタイミングではなく、DOM構築完了時に取得できれば吉という内容でしたが、やはりロードが終わった後ではないと高さはとれないため、読み込みを取らないと難しそうですね;
Re:3 お前めっちゃウザいやん
Re:6 offsetが取れるタイミング待つより、別のレイアウト方法を考えたほうがいい気がする画像の親要素から相対値で指定するとか
Re:6 padding-topとかで画像比率を持ったdivとか作ればいいんでは?
8 件の回答
ロードしたあとにjsで高さを取得してそれに応じた描画をすればいい
目的を先に述べるべき。
初心者にありがちなんだけど、目的を達成するのに、まず考え方が間違ってる気がする。
多分読み込み前に動的に取得する方法は無いと思う。
<img src="a.jpg" width="○" height="○">でそれぞれの画像サイズでコーディングする。
アップロードされた画像なら、データベースに横幅、高さも登録してそれを使う。
画像のファイル名に縦横のサイズを仕込んでおけばロード前に取得出来るのでは?
ご回答いただきありがとうございます。
意図としましては、
可変するimgの下にある要素(pとかdiv)のoffset().topを、
画像読み込みのタイミングではなく、DOM構築完了時に取得できれば吉という内容でしたが、
やはりロードが終わった後ではないと高さはとれないため、
読み込みを取らないと難しそうですね;
Re:3
お前めっちゃウザいやん
Re:6
offsetが取れるタイミング待つより、別のレイアウト方法を考えたほうがいい気がする
画像の親要素から相対値で指定するとか
Re:6
padding-topとかで画像比率を持ったdivとか作ればいいんでは?