问题标签 [masonry]

我有这个要过滤的项目列表：

那么我想像这样执行它......

...但我想要一个像ignore: '.filter'. 这样的事情可行吗？

整个目标是将过滤器放在容器内，采用相同的样式和过渡。

我正在尝试将类似 pinterest 的项目样式添加到我的画廊，但我的缩略图之间存在巨大差距。在 SO 上发现了几个类似的问题，但不幸的是，它们都对我的情况没有帮助。

脚本

画廊

风格

http://jsfiddle.net/D7QQU/44/

提前致谢

我的图片很少，大小随机，在这种情况下可以使用同位素砌体吗？我玩了大约 2 个小时，但我不明白选项，例如columnWidth..gutterWidth我更改了值但没有任何反应。我的代码有什么问题？

http://jsfiddle.net/9SzVD/2/embedded/result/这是我的演示

我刚刚开始使用 masonry 插件，但我无法让它工作。下面是问题的图片。

如您所见，这不是预期的效果。以下是我正在使用的代码：

内容

石工

请你能帮我解决我做错了什么吗？我也将 Bootstrap 用于网格系统，顺便说一下，我不确定这是否可能是问题所在。谢谢。

我在这个网站上工作

http://futureclassicsfashion.co.uk/wordpress/collection/season/aw14-moving/

该站点使用砌体脚本，我找到了 freezeframe.js

http://freezeframe.chrisantonellis.com/documentation/#examples

这会暂停我的 GIFS 直到悬停，这很好，但它不适用于 Masonry。如果我关闭砖石，它会完美工作，但我需要保持砖石布局。使用砌体脚本，所有 GIFS 都会消失，直到悬停。任何帮助将非常感激！

我已经阅读了很多关于此的帖子，但没有任何效果！这是正在发生的事情的快速 .gif - http://benadelt.com/tweet-grid.gif

我正在使用 Masonry 并像这样加载脚本：

我在多个页面上的多个元素上使用 .item 类来 Masonrize 各种网格，除了我试图创建嵌入推文网格（引导程序）的网格之外，它们都可以正常工作：

虽然 Masonry 在该网格上工作，但在初始负载时，它的间距不正确。在我调用窗口加载而不是准备好文档之前，这发生在我的其他网格上。

这是一个使用完全相同标记的网格的 .gif，除了网格内部只是文本而不是嵌入的推文：http: //benadelt.com/other-grid.gif

想法？

有没有办法在 AngularJS 指令中调用orientationchange 事件？

我目前正在使用角砌体，并且正在尝试在移动设备的方向发生变化时更新/刷新砌体。

我找到了这个，但我想知道如何使用 Angular 中的 $window 服务来做到这一点

我在一个项目中成功地使用了 Passy 的 angular-masonry。

https://github.com/passy/angular-masonry

哪个是访问 Masonry 对象的事件功能的最佳方法？

谢谢

我正在尝试在我的博客文章中使用 David DeSandro 的 Masonry，但我遇到了一个令人讨厌的问题，即容器重叠。一旦我重新调整浏览器窗口的大小，一切正常：

在过去的几天里，我一直在寻找解决方案但没有成功： imagesLoaded似乎不起作用，(window).load而不是(document).ready也不起作用

这是正在进行的工作网站：http: //infinitywashere.blogspot.co.uk/2014/04/sketches-again.html

任何帮助将不胜感激！

我正在用同位素和砖石水平制作我的照片组合。我想实现以下目标：

1）假设我总共有 30 张图像，它们都是纵向和横向格式

2）缩略图将即时生成，我希望它们显示在 2 个固定高度的行中，但在动态宽度列内

3) 假设这 2 行中有 20 个拇指填满了页面。所以我不想要任何其他行和滚动条，但是会有“下一页”按钮，并且 onclick 应该显示另一个页面，其余 10 个缩略图的格式与前一页相同。

我正在查看 masonryHorizo​​ntal、CollagePlus ( http://collageplus.edlea.com/)、Mason JS ( http://masonjs.com/ )，但仍然不确定如何正确绘制。

如果有人可以帮助我或建议如何完成，我将不胜感激。

非常感谢！