php - 画像が読み込まれる前に、画像の高さを取得します

Question

これが私の問題です。画像の幅はわかりますが、高さはわかりません。プリローダーを使用している場合、画像が読み込まれると、画像の下のコンテンツが跳ね返ってしまいます。 ...完全に読み込まれると、画像の幅と高さが固定されている場合、これを解決するのは簡単です。幅と高さの属性を使用して設定するだけで、問題なく表示されます。

しかし、おそらくPHPなどを使用して、ページがレンダリングされる前に高さを設定する方法はありますか。

Answer 1

サーバー側でphpを使用してgetimagesize（）を使用すると、画像の高さを取得し、そのデータをhtmlに適切に追加できます。画像が多すぎて、ページが読み込まれるたびに画像を確認したくない場合は、このデータをデータベースのどこかにキャッシュすることを検討してください。

Answer 2

さて、あなたはimagesxとimagesyを介して高さと幅を取得し、それを印刷することができます。

<?php
$img = 'image.jpg';
$image = imagecreatefromjpeg($img);
$width  = imagesx($image);
$height = imagesy($image);
print '<img src="'.$img.'" height="'.$height.'" width="'.$width.'" alt="" />';
?>