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元素的位置，就像它们的顺序一样。