Hi,
I have a block with recent image attachment, the code is:
$attachments = ssi_recentAttachments(10, array('jpg', 'png', 'gif', 'bmp'), 'array');
foreach ($attachments as $item)
{
echo '<div style="float:left;margin-right:5px">';
echo ' <a href="',$item['topic']['href'],'"><img src="',$item['file']['image']['href'],'" width="100" height="" alt="',$item['file']['filename'],'" /></a><br />';
echo '</div>';
}
echo '<div style="clear: both;" /></div>';
it works well but there is a problem: if the images are all horizontal (that is the width is bigger than the height) or all vertical (the image height is bigger than its width) then it is OK, but if there are images mixed horizontal and vertical then they don't look good together.
Problem is I set the img width to 100px, but I can not set the a fix height, that way the width-height proportion of many images will be changed, thus won't look good.
How to do so the width of the horizontal images and the height of vertical images will be the same 100 px while the width-height proportion of all the images will be remained unchanged.
Anybody has any experience with it? I tried today whole afternoon searching internet but no luck, that's why I am here asking for help from friendly people of this forum. Thank you people.
