网格中的 masonjs 随机图像

Question

我想实现，我所有的图像都是随机输出的。我使用这个 - https://github.com/DrewDahlman/Mason - 非常适合我的目的的插件。但现在我正在尝试随机输出。 这就是我使用它的方式：

$(".imageGrid").mason({
            itemSelector: ".box",
            ratio: 1.575,
            sizes: [
                [1,1]
            ],
            columns: [
                [0,315,1],
                [315,630,2],
                [630,945,3],
                [945,1260,4],
                [1260,1575,5],
                [1575,1890,6]
            ],
            filler: {
                itemSelector: '.fillerBox',
                filler_class: 'custom_filler'
            },
            layout: 'fluid',
            gutter: 0
        });

也许有人对我有提示。

Answer 1

插件的制造商在这里。如果你想随机化你的图像，你可能想在 mason 做它的事情之前在 dom 中以随机顺序渲染它们，以及随机化你的填充内容。

您的填充内容应该随机放置，但其他所有内容都将取决于您放置 dom 元素的位置，就像它们的顺序一样。