Obtenez la hauteur des images, avant qu'elles ne soient chargées

Question

Donc voici mon problème, je connais la largeur des images, mais je ne connais pas la hauteur, et j'utilise un préchargeur, mon problème est que lorsque les images sont chargement ... le contenu sous les images rebondit ... quand il est entièrement chargé, Si j'avais des images fixes largeur & hauteur, il sera facile de résoudre ce problème, il suffit de les définir en utilisant les attributs de largeur et de hauteur et ça va aller.

Mais est-il un moyen de définir la hauteur avant que la page est rendue, peut-être en utilisant PHP ou plus.

Answer 1

Eh bien, vous pouvez obtenir la hauteur et la largeur via imagesx et images puis l'imprimer .

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

Answer 2

Vous pouvez utiliser getimagesize() côté serveur avec php pour obtenir la hauteur de l'image et ajouter ces données correctement au format html. Si vous avez trop d'images et que vous ne voulez pas y aller chaque fois que la page se charge, alors pensez à mettre ces données dans la base de données quelque part