有人知道jQuery插件可以安排Google Images等图片吗?

时间:2013-04-19 01:06:40

标签: jquery html css plugins

*我不想要砌体。

如果您注意到Google图片的工作方式,图片会“调整大小”以在容器内完美对齐。换句话说,右侧和左侧是对齐的。

当您调整浏览器窗口大小时,图像会调整以保持外观。

我对图片加载到页面上的方式感兴趣,而不是点击它们后发生的事情。

2 个答案:

答案 0 :(得分:1)

我用过这个:http://webdesignledger.com/tutorials/create-a-resizable-image-grid-with-jquery

然后将每个元素放入带有砖石的容器中。

此外,我的每张图片都具有相同的高度但宽度不同。

答案 1 :(得分:0)

我写了一个jQuery插件,使用随机大小的元素创建一个完美的网格 - 如果你愿意,你可以控制大小。它的工作是填补来自砖石或同位素布局的任何空隙。可以是流体或静态,支持排水沟,也允许严格的打字尺寸。

https://github.com/DrewDahlman/Mason

示例 - https://drewdahlman.com/experiments/mason/example/fluid_gutters.html

需要注意的是,它需要填充块,可以根据需要进行设置,也可以从网格中复制和复制随机块。