EE Q_28545600

by robert_schutt

HTML

<span id="dbg">-</span><br/>
<div class="images-container">
    <img class="images" height="30" src="//ssl.gstatic.com/gb/images/i1_71651352.png"/>
</div>

CSS

.images-container {
    border: 1px solid green;
    overflow: auto;
    margin: 0;
    padding: 0;
}
.images {
    margin: 0;
    padding: 0;
    display: inline-block;
}

JavaScript

var allImages = $('.images');
var imageSmallest;

allImages.each(function(idx, img) {
    if (idx == 0 || $(img).height() < $(imageSmallest).height()) 
        imageSmallest = $(img);
});

var imageSmallestHeight = $(imageSmallest).height();
$('.images-container').css("height", imageSmallestHeight + 'px');
$('#dbg').text(imageSmallestHeight);