javascript - 如何修复 Filterizr 响应式画廊堆叠图像的问题?

标签 javascript jquery filter gallery

我目前正在使用一个名为 Filterizr 的 jQuery 库。创建图片库。

除了一个问题之外,一切都很好...随机地,图库会将每张图像堆叠在一行内的另一张图像之上。有点像展开的一副纸牌。

这是一张图片:

这种情况只是偶尔发生。就像调整屏幕大小然后刷新页面一样。然而,这种情况并不总是发生。

非常感谢任何帮助。

最佳答案

如果您的图像具有响应能力并且具有自动定义的高度,则在加载filterizr脚本之前,图像不会以其最终高度呈现。请参阅下面的常见问题解答:

“我的图像没有高度 如果 .filtr-item 元素的高度取决于图像,那么您可能会遇到麻烦,因为它们的加载可能很慢,项目的高度可能会困惑。要解决此问题,您可以明确设置图像的高度,也可以使用 DeSandro 的 imagesLoaded 脚本,该脚本只有 5kb!”

关于javascript - 如何修复 Filterizr 响应式画廊堆叠图像的问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42627991/

相关文章:

javascript - 为什么我的 javascript 联系表单不起作用?

javascript - 如何从android调用javascript方法

javascript - 为什么我无法访问设置?

c++ - 在C++中使用imfilter(matlab)

javascript - 使用 forEach 过滤数组项

python - Django过滤器: can filter with tuple?

javascript - 正则表达式 [\0-\uffff] 捕获什么?

javascript - Angular UI 路由器 - 状态查询字符串参数不起作用

javascript - 使用 jQuery 检测 DIV 中是否存在滚动条?

jquery - 如何使列数据作为数据表中另一列数据的超链接(JQUERY)