画像が読み込まれる前に高さを取得する

Question

これは私の問題です。画像の幅はわかりますが、高さは分かりません。プリローダーを使用しています。私の問題は画像が読み込み中...イメージの下のコンテンツがバウンスします。完全に読み込まれたときに、画像の幅が&に固定されていれば、これを簡単に解決できます。幅と高さの属性を使用して設定しても問題ありません。

しかし、ページがレンダリングされる前に高さを設定する方法があります（PHPなどを使用している可能性があります）。

Answer 1

さて、imagesxとimagesyで高さと幅を取得し、 。

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

Answer 2

サーバ側でgetimagesize()をphpで使用すると、イメージの高さを取得し、そのデータをhtmlに正しく追加できます。あまりにも多くの画像があり、ページが読み込まれるたびにそれらに行く必要がない場合は、このデータをどこかのデータベースにキャッシュすることを検討してください。