Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/batch-file/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将不同尺寸的图像完美地拼贴在一幅拼贴画中_Javascript_Jquery_Html_Image_Photoshop - Fatal编程技术网

Javascript 将不同尺寸的图像完美地拼贴在一幅拼贴画中

Javascript 将不同尺寸的图像完美地拼贴在一幅拼贴画中,javascript,jquery,html,image,photoshop,Javascript,Jquery,Html,Image,Photoshop,我正在寻找一个javascript库(或者我可以实现的算法),以便在一个页面上容纳任意大小的图像,并且只剩下很少的空白。与Google Plus显示图像的方式类似。或者更好玩一点(谷歌让它们的高度相同) 只要宽高比没有弄乱,而且页面上的东西看起来很“适合”,就可以稍微调整一下图像的比例。您可以使用流行的库 jQuery的动态布局插件CSS浮动的另一面 这是一个代码 以下是Shoptalk播客上的消息来源和采访 提示:确保父容器具有position:relative,以便所有内容都绑定到您的容器。

我正在寻找一个javascript库(或者我可以实现的算法),以便在一个页面上容纳任意大小的图像,并且只剩下很少的空白。与Google Plus显示图像的方式类似。或者更好玩一点(谷歌让它们的高度相同)


只要宽高比没有弄乱,而且页面上的东西看起来很“适合”,就可以稍微调整一下图像的比例。

您可以使用流行的库

jQuery的动态布局插件CSS浮动的另一面

这是一个代码

以下是Shoptalk播客上的消息来源和采访


提示:确保父容器具有position:relative,以便所有内容都绑定到您的容器。

我会查看Mashesis js或同位素js,它们似乎都适合您。如果您不喜欢其中任何一种。谷歌bin打包算法的方式做这类事情。
$('#container').masonry({
  itemSelector: '.box'
});