javascript - 像 Ted.com 那样拟合不同的图像

标签 javascript jquery web-applications

如何在固定空间调整和调整不同图像,如 http://www.ted.com/talks/browse 中所做的那样和搜索结果jinni.com。

任何指导如何做到这一点,比如使用 jQuery 或使用 php 支持的东西。

谢谢

最佳答案

在 TED 网站上,他们使用 Flash 并且所有图像只使用一种宽高比,这使得算法相当简单。为了更时尚的外观(以及严肃的极客点),您可以选择几个纵横比(一个正方形、一个纵向、一个或两个水平)并自定义构建一个算法来解决二维 bin packing problem 的子集。高效。

更好的是,您可以使用一些漂亮的代数来自动决定哪些尺寸适合指定宽度的矩形,并让算法自动为您调整所有尺寸。这听起来像是 NP-hard 黑魔法,但是 A List Apart实际上前段时间有一篇关于它的优秀文章。它甚至对所涉及的数学和 PHP 代码进行了简单的解释,您可以下载并根据需要进行修改:

Automatic Magazine Layout -- Example 1

关于javascript - 像 Ted.com 那样拟合不同的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/565006/

相关文章:

javascript - ajax成功调用下一个函数

javascript - 移动时在 div 之后创建虚线 "trail"

php - 请求: minimal framework for web-apps

javascript - 如何在ajax调用中每次点击按钮后刷新表格

javascript - HtmlWebpackPlugin 插件不输出任何内容

javascript - 使用 IF ELSE 语句检查输入是否只是 javascript 中的字母

java - HTTP请求参数类型传播

java - Spring应用程序的默认html页面

javascript - 另一个按钮内的按钮在 Firefox 中不起作用( Angular Material )

javascript - 我想用javascript在控制台中显示匹配的记录