Question

So here is my problem, I know the width of the images, but I don’t know the height, and I’m using a preloader, my problem is that when the images are loading…the content under the images bounces down…when it’s fully loaded, If I had fixed images width&height it will be easy to solve this, just set them using width and height attributes and it will look ok.

But is there a way to set the height before the page is rendered, maybe using PHP or so.

Answer 1

Well, you can get the hight and width via imagesx and imagesy then print it.

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