javascript - 如何正确配置和使用 WookMark Masonry

Question

我正在尝试使用 Wookmark js 在我的网站上显示图像，我遵循了官方指南，但该插件似乎不起作用，可能是为了继承我的 CSS 主题。图像只是显示在列表中。

我已经上传了 jquery-1.10.2-min、wookmark css 和 jquery.wookmark.js 并按照这个页面源代码Wookmark

我该如何解决这个问题？你可以看看我的网站

Answer 1

这是小提琴的例子 - http://jsfiddle.net/qcsm3/ - 它是来自 wookmark github 的一个例子。

首先，定义图块选择器。

var handler = $('#tiles li');

然后启动插件

handler.wookmark({

    autoResize: true,resized.
    container: $('#main'),
    offset: 5,
    outerOffset: 10,
    itemWidth: 210

});