【发布时间】:2014-11-27 13:15:09
【问题描述】:
在这个例子中(运行良好),http://codepen.io/anon/pen/CotJv masonry.js 包含在内,但在阅读其他教程后,我的理解是您不仅要导入脚本,还要初始化 masonry。
我目前有这个 codepen 示例在我的机器上本地工作,但我询问如何初始化砌体的原因是我正在尝试更改排水沟大小,但我看不到任何地方可以这样做。
例如 masonry.js 网站上的这一行表明您可以设置 columnWidth。
var container = document.querySelector('#container');
var msnry = new Masonry( container, {
columnWidth: 200,
itemSelector: '.item'
});
在我上面粘贴的 codepen 中,我没有看到与此行类似的任何内容,所以我想知道我需要在代码中的哪个位置设置 columnwidth 和 guttersize。 此外,这个 codepen 基本上是 Tympanus masonry.js 演示的直接克隆。 http://tympanus.net/codrops/2013/07/02/loading-effects-for-grid-items-with-css-animations/ 我已经将整个演示从 Tympanus 导入到我的本地机器上,我没有看到 masonry.js 在任何地方被初始化。这里有一些我绝对不理解的东西。我可以把我在上面发布的 sn-p 粘贴到标签之间的 html 中吗?任何帮助将不胜感激,我要做的就是能够控制每张图片之间的列大小和空间。
【问题讨论】:
标签: jquery jquery-masonry