如何正确配置和使用WookMark Masonry

时间:2013-12-06 10:39:18

标签: javascript jquery html css wookmark

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

我上传了jquery-1.10.2-min,wookmark css和jquery.wookmark.js,并按照此页面源代码Wookmark

如何解决此问题? 您可以看到我的website

1 个答案:

答案 0 :(得分:0)

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

首先,定义tile选择器。

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

然后启动插件

handler.wookmark({

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

});