用照片填充固定尺寸div

时间:2014-01-21 13:11:38

标签: javascript math image-gallery photo-gallery sprite-sheet

我真的很挣扎。
我有一个固定尺寸(高度和宽度)的div 我想要填充div的照片数量不确定。它们的尺寸各不相同。只要它们保持纵横比,它们就可以调整大小 我想得到一些想法,以便最好的方式填充div,以便理想情况下所有照片都适合它,并且最小的“空白区域”或间隙。我实际上更喜欢div之外的最小“漏洞” 到目前为止,我尝试了很多小巷(砌筑,谷歌+风格,简单的css),但我无法想出令人满意的解决方案。

编辑:
经过一些更多的研究,我发现我正在寻找的实际上非常接近packing problem,但我发现的最接近的问题是“在矩形中包装不同的矩形”,我需要一个'包装'的解决方案矩形中具有特定宽高比的不同矩形

那里有数学天才吗?

1 个答案:

答案 0 :(得分:0)

这就是我用的......

HTML:

<img id="myImage" src="" style="max-height:100%; max-width:100%" />

JavaScript的:

document.getElementById("myImage").src = imageName;

希望它有所帮助...... :)