问题标签 [masonry]
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.
php - 从 mysql 数据库检索的图像中插入 php 中的砌体
我想将砌体插入到从 MySQL 数据库中检索图像的 php 表单中。我可以检索图像,但是当我尝试放入砖石时,整个事情根本不起作用。
这是我的代码
jquery - 如何使用双字进行过滤?
我正在实施Masonry的修改版本,其中我有一系列照片,可以通过单击页面顶部的过滤器列表进行过滤。当过滤器是像摄影或视频这样的单个词时,过滤器可以正常工作,但是当过滤器包含多个词时,例如“内容管理”,它会“中断”并且不返回任何结果。
这是过滤器代码:
这是内容,包括用作过滤条件的类值。
这是 jQuery
我尝试将类值用单引号括起来:'class name' 但这没有帮助。
除了将所有过滤器值设为单个词之外,还有哪些其他选项可以使多词过滤器值返回结果?
谢谢。
javascript - Desandro's Masonry - 保持 1 个大块集中并围绕它包裹其他物品?
使用 Masonry 排列项目时,是否可以在第二行的固定位置有 1 个项目的宽度是其他项目的两倍。即使在对物品进行分类时,这个大物品也应该始终保持在那个位置。我设法为左上角做到了这一点,但不是为网格中间的一个点。砌体支持这个吗?
问候
lazy-loading - 砌体、延迟加载和 ACF 画廊场
我正在使用 ACF 库字段将图像添加到自定义帖子类型中。问题是,在一篇文章中,我添加了大约 80 张图像,这意味着它们都必须在触发 Masonry 之前加载。我想我会在向下滚动页面时使用延迟加载来加载图像,但这需要您知道图像尺寸。我发现了这个https://github.com/okadots/masonry-wp-lazy-load但事实证明它不是很安全。
有人有其他想法吗?
jquery - 网格中的 masonjs 随机图像
我想实现,我所有的图像都是随机输出的。我使用这个 - https://github.com/DrewDahlman/Mason - 非常适合我的目的的插件。但现在我正在尝试随机输出。这就是我使用它的方式:
也许有人对我有提示。
jquery - 加载 Twitter 小部件后,让 Masonry 更新高度
我有一个使用http://masonry.desandro.com的砌体网格,在其中两个盒子里我有来自https://twitter.com/settings/widgets的标准 Twitter 提要小部件
目前,Twitter 小部件在 Masonry 查看盒子的高度后加载,因此当 Twitter 提要加载并增加它们所在的盒子的高度时,这些盒子会与下面的盒子重叠。
我相信为了阻止这种情况发生,我需要调用 msnry.layout(); 加载 Twitter 提要后。(http://masonry.desandro.com/methods.html#layout)
但是,我一直无法找到一种方法来检测提要何时加载,因此运行 msnry.layout();
建议表示赞赏。
html - 如何使用砖石图像库使容器居中
我试图将我的砌体布局的项目居中,但它仍然总是向左浮动,并且在某些浏览器宽度下有很多空白。另外,如何在 hr 元素之间的容器底部获得更多填充?这是网站页面链接:http ://www.gabrielleelizabethstudios.com/gallery_template.html
HTML:
CSS:
javascript - 停用砌体动画
我已经使用砖石开发了一个网页,以便重新排列一组不同高度的项目,当用户向下滚动时显示“正在加载...”消息并加载新项目并由砖石重新计算布局,到目前为止好的。问题是新项目从屏幕的左上角飞到布局中的新位置,我想停用该效果,我宁愿淡入例如比从顶部飞入更好,甚至根本没有动画,直接在他们的位置显示新项目。
我正在使用砌体 3.1.5
我试过了
我能做些什么?
html - 如何在没有 JavaScript 的情况下以恒定高度按顺序显示图像?
我有一堆想在网页上显示的图像。每个图像具有可变的高度和宽度。我想连续显示它们(根据浏览器窗口的宽度换行到下一行),具有恒定的高度但固定的纵横比以防止倾斜。在没有任何插件或 JavaScript 的情况下,如何在纯 CSS3/HTML 中做到这一点?
例如,图像将显示为:
但是如果浏览器宽度增加:
每个图像都有一个固定的高度,但宽度可能会有所不同。
我见过一堆可以做到这一点的砌体插件,但是有没有办法在没有任何插件的情况下做到这一点?此外,我见过的大多数插件都从上到下垂直显示内容......我对保持从左到右的顺序很感兴趣。