jquery - 同位素折叠(元素重叠)

Question

我一直在阅读堆栈溢出以寻求解决方案，但找不到它。

(全尺寸图像位于/image/n0hd0.png)

当我加载页面时，它看起来像这样

这是网站(测试版)

http://e-gimnazija.hostoi.com/test/site/index.html

如果你按全部它就会展开，如果它在开始时自动展开，也许我可以解决这个问题

Answer 1

问题是，当您运行 .isotope 时，图像尚未加载，因此插件无法计算它们的大小..

您有一些不同的选项可供选择

1. 图像加载后启动 isotope.. $(window).load(function(){/*在此处初始化插件*/})
2. 使用imagesLoaded插件:http://isotope.metafizzy.co/docs/help.html#imagesloaded_plugin
3. 调用 reLayout图像加载后 $(window).load(function(){$('#thumbs').isotope('reLayout');});
4. 如果li元素是固定大小的，那么通过CSS给它们尺寸，isotope会拾取它们。