问题标签 [imagesloaded]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
517 浏览

reactjs - 带有 imagesLoaded 的砌体布局

我创建了一个包含一些图像或文本的砌体网格。我使用 masonry.desandro 作为砌体网格。到目前为止,我为这些项目设置了固定高度。例如带有文本的项目:200 像素和带有图像的项目:300 像素。

但我想删除这些固定高度。对于只有文本的项目,砌体网格仍然可以正常工作。但我对包含图像的项目有疑问。带有图像的项目重叠。我在 masonry 的网站上看到,我必须在加载图像后使用 imagesLoaded 来初始化网格。

我已将 imagesLoaded 添加到函数 getPosts() 中。但现在我收到一条错误消息: TypeError: Cannot read property 'reloadItems' of undefined

谢谢你的帮助:)!

0 投票
4 回答
1319 浏览

javascript - 加载后加载图像延迟显示

所以我有这个 html / css / jQuery / js 代码,它们一起显示了一个非常大的图像宽度。在加载和设置图像之前,基本元素应该是不可见的。然后通过一个小的淡入淡出使基础元素可见。

但是,行为有点不同。加载图像后,我可以看到小文本逐渐消失,并且需要几秒钟才能弹出一次图像(而不是像从上到下出现的加载样式)

这是我使用的简化代码:

现在,它怎么可能不会随着图像淡入呢?

这是一个带有图像的示例,请检查以便清楚我的意思 http://jsfiddle.net/uz8mvtap/3

0 投票
0 回答
7271 浏览

javascript - 类型错误:$container.isotope 不是函数

可能它可能是重复的问题,但我已经尝试了我找到的每一个解决方案,我是imagesLoaded的新手,任何人都可以帮助摆脱它吗?

我包含的脚本按以下顺序排列 -

还有我拥有的javascript代码 -

我还缺少其他脚本吗?请建议。

0 投票
1 回答
317 浏览

javascript - 语义 UI 可见性 + Masonry 无限滚动布局

我正在尝试使用内置的可见性功能在语义 UI框架中创建无限滚动砌体布局。

一切似乎都在工作,除了让 Masonry 在添加新项目后重新布局所有内容。

我做了一个jsfiddle:https ://jsfiddle.net/erland/pdb5j09o/

据我从 Masonry 文档中可以看出,我所要做的就是$grid.masonry('layout');在添加新项目后调用,对吗?

我在这里想念什么?我不应该在组合中使用 imagesLoaded 吗?我应该改为在 Masonry 的附件中工作吗?

提前致谢!

0 投票
1 回答
597 浏览

javascript - ImagesLoaded.js 不适用于 Isotope 和 LazySizes

如果有答案,我深表歉意,如果有,请指出正确的副本。

我正在尝试构建一个迷你画廊,它使用lazysizes 进行延迟加载,使用isotope 进行排序,并在加载延迟图像时使用imagesLoaded 重新排列布局。

出于某种原因,我的 imagesLoaded 函数不会更新同位素,但如果我记录事件然后手动运行iso.layout()它会重排布局。有什么想法吗?

如果我做了一件讨厌setInterval()的事,那么同位素也会重新流动,所以 ImagesLoaded 似乎有问题。

0 投票
0 回答
138 浏览

c# - C# webform - 在砌体布局中显示图像

我在 c# 中使用 asp.net web 表单(没有 mvc)。我正在尝试通过砌体布局和 imagesLoaded 显示图像,并首先编写了以下代码:

当我运行它时,我看到三个大图像。我无法理解这一切是如何运作的。我将在我的 c# 代码中获取图像 src,所以我如何在此处绑定它并确保它按照砌体布局呈现并显示图像。

如果有人可以建议一个使用 json 或通过代码背后的代码如何创建此图片库的示例,我将不胜感激。

0 投票
1 回答
165 浏览

css - masonry - 如果页面调整大小,则在一列中显示图像

关于这里的演示:imagesLoadedDemo

CSS代码:

当我调整页面大小时,图像变小并相应调整。但是图像总是以三列呈现。

要做的事情:如果页面调整为非常小的布局,我想让它在一列中呈现。

0 投票
1 回答
529 浏览

python - Python pygame 多次对同一图像进行 blit

为什么我的程序不能对它多次加载的同一个图像进行 blit?

游戏循环内部

似乎发生的只是甲板 0 和甲板 1 显示 imagea 和 imageb。但是,甲板 2 和 3 没有出现在position[2]或处position[3]

0 投票
0 回答
28 浏览

jquery - 过滤器上容器外的同位素项目

我正在使用 Isotope 和 Wordpress,并且正在努力解决一个特定的错误,我已经尝试了这里和其他来源的所有选项,但无济于事。

当我使用过滤器时,我基本上有物品飞出容器。请在下面查看我的代码。我将它与 Bootstrap 一起使用。

0 投票
1 回答
86 浏览

javascript - LazyLoad 与 Masonry+ImagesLoaded

如何将 LazyLoad 实施到我的 masonry+ImagesLoaded 布局?我有一个代码

HTML

JS

而且我无法让它与任何 LazyLoad 插件一起使用。问题是它必须使用 imagesLoaded 来实现,因为我没有特定的图像尺寸。我发现的所有解决方案都不起作用