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