Javascript 在Ted.com中安装不同的图像

如何在和搜索结果jinni.com中在固定空间中调整不同图像的大小和大小

任何关于如何做到这一点的线索，比如jQuery或php支持

---

谢谢你，在一些图片上使用float:left和一个固定的宽度和高度加上clear:

img.big{
 float:left;
 width:100px;
 height: 100px;
}
img.small{
 float:left;
 width:50px;
 height:50px;
}
img.clear{
 clear:both;
}

---

我相信他正在寻找一种算法，它将实际执行图片布局

---

你可以研究一下，它似乎做了一些非常相似的事情（虽然它使用文本，而不是图像）。

就像TED网站上做的那样，他们使用Flash，所有图像只有一个纵横比，这使得算法相当简单。为了获得更加时尚的外观（以及严肃的极客点），您可以选择两个纵横比（一个正方形、一个纵向、一个或两个横向），并定制一个算法来高效地求解2D的子集

更好的是，您可以使用一些漂亮的代数来自动决定哪些大小适合指定宽度的矩形，并让算法自动为您调整大小。这听起来可能像NP难的黑魔法，但事实上不久前有一篇关于它的优秀文章。它甚至对所涉及的数学和PHP代码有一个简单的解释，您可以根据需要下载和修改：

---

--

此显示器的正确术语是a。它可能有助于您的算法搜索。有几种解决方案可用，包括和

---

即使这些解决方案对你不起作用，适当的术语也会帮助你走上正轨

Ted.com使用Flash，而不是javascript。但是用jQuery应该可以做到这一点。已经有一个公认的答案，但是嵌入代码中的

vw=432&vh=240

参数将调整缩略图的大小。是的，我正在寻找可以实现这一点的make算法/库。谢谢，实际上我想知道后端算法/方法。感谢“树地图”这个词。我实际上是在寻找人们对这种方法的确切要求。