# 瓷砖图片库 **URL:** \ **Category:** Theme component\ **Tags:** deprecated\ **Created:** [2018年三月2日 06:56 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950 "2018-03-02T06:56:34Z")\ **Posts on this page:** 20\ **Page:** 6
**Author:** ![ian1](https://avatars.discourse-cdn.com/v4/letter/i/ebca7d/32.png) [@ian1](https://meta.discourse.org/u/ian1)\ **Post date:** [2020年二月15日 03:44 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/106 "2020-02-15T03:44:49Z")
> [@cjk77](#): > > 为什么不先点击“图块”按钮，然后在显示“添加图片”的地方插入图片链接？ 因为说明明确指出要按相反的顺序操作。先准备好图片链接，然后点击图库按钮。 ---
**Author:** ![cjk77](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cjk77/32/151779_2.png) [@cjk77](https://meta.discourse.org/u/cjk77)\ **Post date:** [2020年二月15日 12:27 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/107 "2020-02-15T12:27:54Z")
哈哈，好吧……那按你的方式来。🤷‍♂️ ---
**Author:** ![ian1](https://avatars.discourse-cdn.com/v4/letter/i/ebca7d/32.png) [@ian1](https://meta.discourse.org/u/ian1)\ **Post date:** [2020年二月16日 23:02 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/108 "2020-02-16T23:02:49Z")
我并不是在争辩没有更简单的方法来实现它 @cjk77。先创建标签，再将图片链接插入其中要容易得多。另外，将所有图片链接粘贴到一行，然后点击“图库”按钮也很简单。现在我明白自己哪里做错了，其实很简单。我只是想说： 1. 说明可以加以澄清，明确要求所有图片必须放在同一行；或者 2. 工具可以检测图片之间的换行符，并将它们全部塞进一个 `div` 标签中，而不是为每张图片生成一个 `div`。 因为对于从未使用过该工具的人来说，很容易犯错。 ---
**Author:** ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)\ **Post date:** [2020年二月17日 12:35 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/109 "2020-02-17T12:35:02Z")
简单反馈一下：我的用户非常喜欢论坛中的“自动平铺图像画廊”功能。由于我的社区用户并非技术背景，他们通常对编辑器中当前平铺画廊的 UX/UI 感到不知所措。 目前，旧分支运行良好，未收到任何投诉： > **[GitHub - discourse/Discourse-Tiles-image-gallery at auto-tiles](https://github.com/discourse/Discourse-Tiles-image-gallery/tree/auto-tiles)** > > auto-tiles 希望能将其作为选项合并到 master 分支中。 ---
**Author:** ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)\ **Post date:** [2020年二月18日 17:19 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/110 "2020-02-18T17:19:38Z")
你好，Joe！ 首先，我要感谢你们提供的 Tiles 和 Slick Gallery Theme 两个组件！ 我在移动端使用 Tiles 图库时遇到了一个小问题。 首次加载/查看时，显示效果如下。第一次保存时，所有图片都挤在最右侧。 ![Screenshot_20200218-131504](https://global.discourse-cdn.com/meta/original/3X/c/b/cbe7ee862205309be51abe326744d4a0ccf55ec0.jpeg) 将手机从竖屏旋转为横屏后再转回竖屏后，显示效果便正确了，如下所示。 ![Screenshot_20200218-131517](https://global.discourse-cdn.com/meta/original/3X/a/3/a3e1dd6a3a86503f0152e9b60dbcf0e6800e11e0.jpeg) 我的手机型号是 LG G8X ThinQ。另外，我注意到代码中有一个数字 1。修改这个值会影响布局吗？ Dan ---
**Author:** ![tradenet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tradenet/32/172185_2.png) [@tradenet](https://meta.discourse.org/u/tradenet)\ **Post date:** [2020年三月14日 14:19 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/111 "2020-03-14T14:19:03Z")
有人在使用最新版本的 Discourse 时成功同时运行了 Tiles 和 Slick 图库吗？谢谢。 ---
**Author:** ![cjk77](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cjk77/32/151779_2.png) [@cjk77](https://meta.discourse.org/u/cjk77)\ **Post date:** [2020年三月14日 21:48 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/112 "2020-03-14T21:48:52Z")
✋ ![gallerytest](https://global.discourse-cdn.com/meta/original/3X/7/7/77d41e4ccdb90c76181b38d39068f23c636c328e.png) ---
**Author:** ![tradenet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tradenet/32/172185_2.png) [@tradenet](https://meta.discourse.org/u/tradenet)\ **Post date:** [2020年三月14日 22:02 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/113 "2020-03-14T22:02:19Z")
不错。我在使用上遇到了一点小问题。这是什么主题？感谢分享。 ---
**Author:** ![cjk77](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cjk77/32/151779_2.png) [@cjk77](https://meta.discourse.org/u/cjk77)\ **Post date:** [2020年三月14日 23:46 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/114 "2020-03-14T23:46:12Z")
这是 [Vincent](https://meta.discourse.org/t/discourse-vincent-theme/76662)（经过一些修改和调整） ---
**Author:** ![anon48433008](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@anon48433008](https://meta.discourse.org/u/anon48433008)\ **Post date:** [2020年四月1日 23:06 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/115 "2020-04-01T23:06:43Z")
我经常得到这些奇怪的结果，有什么办法可以阻止吗？ ![image](https://global.discourse-cdn.com/meta/original/3X/3/8/38e09561c0ab3a001074f2556f670a79c35cc0cf.jpeg) > **[Sixguns Firearm Fraternity](https://sixguns.com/?u=robert)** > > A self supporting firearms community ---
**Author:** ![anon48433008](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@anon48433008](https://meta.discourse.org/u/anon48433008)\ **Post date:** [2020年四月2日 12:25 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/116 "2020-04-02T12:25:33Z")
设置中有什么可以更改的吗？ ![image](https://global.discourse-cdn.com/meta/original/3X/a/d/ad85f7e259fd72ddc3aca70c43203761010ecbbf.png) ---
**Author:** ![anon48433008](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@anon48433008](https://meta.discourse.org/u/anon48433008)\ **Post date:** [2020年四月12日 12:40 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/117 "2020-04-12T12:40:34Z")
仍然无法解决这个问题 高亮、点击，但毫无反应 ![tiles](https://global.discourse-cdn.com/meta/original/3X/0/c/0c40bce6a85688f5ac2e87957405c6a352efb93e.gif) 与此同时，同样的操作、同一个线程、不同的帖子，结果却完美 ![image](https://global.discourse-cdn.com/meta/original/3X/3/d/3d12d888ee7b5c7a8bf5ccea1782488d60354c53.jpeg) 能否请大家帮忙看看问题出在哪里？ ---
**Author:** ![cjk77](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cjk77/32/151779_2.png) [@cjk77](https://meta.discourse.org/u/cjk77)\ **Post date:** [2020年四月13日 10:27 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/118 "2020-04-13T10:27:33Z")
您的所有图片都必须足够大，以触发 Discourse 中的图片调整大小例程，否则该组件将无法正常工作。正如 @Heather_Dudley 在上面指出的那样，您可以在设置中找到触发调整大小例程所需的图片尺寸： > [@Tiles Image Gallery](https://meta.discourse.org/t/tiles-image-gallery/81950/103?u=cjk77): > > Whatever your setting is for your site. Look for max image width and max image height Images must be larger than this setting to trigger the component. ---
**Author:** ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)\ **Post date:** [2020年四月13日 12:58 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/119 "2020-04-13T12:58:31Z")
也许吧，但他似乎遇到了不同的问题，因为他在同一帖子中提到稍后创建了帖子，使用了相同的图片，而且成功了。@anon48433008？ ---
**Author:** ![anon48433008](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@anon48433008](https://meta.discourse.org/u/anon48433008)\ **Post date:** [2020年四月13日 14:11 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/120 "2020-04-13T14:11:12Z")
> [@cjk77](#): > > 足够大以触发图片调整大小例程 Chris，我希望你 someday 能加入 Discourse 团队 👍 当我查看正常和异常帖子的尺寸时，它们看起来都不应该能正常工作。 异常帖子 ![image](https://global.discourse-cdn.com/meta/original/3X/6/2/62716eed59b4264746840a4dca8a39462c9a982d.png) 正常帖子 ![666](https://global.discourse-cdn.com/meta/original/3X/f/3/f3073d6d2cb0f38e84c86e05a1245eea52e0ffc4.png) 我的设置 ![image](https://global.discourse-cdn.com/meta/original/3X/8/9/89d0fb83b803feccd02a63ba21a90e8f6c24d38a.png) 至少看起来是这样， 我偶然注意到，悬停时它们的显示不同。 我隔离了这一个，它在编辑器中显示一种尺寸。 ![image](https://global.discourse-cdn.com/meta/original/3X/1/7/17bc6951edbe3499e7f263501c9903b562366e6e.jpeg) 发布后悬停显示它比我的设置要大。 ![image](https://global.discourse-cdn.com/meta/original/3X/b/b/bb74142e47af72596468f067a050d1a335504c62.jpeg) 我不清楚为什么会这样，但看起来尺寸是问题所在。 再次感谢你的回复， # 谢谢！ ---
**Author:** ![swamidass](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/swamidass/32/119549_2.png) [@swamidass](https://meta.discourse.org/u/swamidass)\ **Post date:** [2020年四月19日 19:44 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/121 "2020-04-19T19:44:57Z")
嗯，为什么它不能平铺呢？[Human Origins Workshop With Reasons to Believe (January 2020) - Peaceful Science](https://discourse.peacefulscience.org/t/human-origins-workshop-with-reasons-to-believe-january-2020/9110) 编辑：我明白了。所有内容都必须在一行上。 ---
**Author:** ![internet\_cookie](https://avatars.discourse-cdn.com/v4/letter/i/aca169/32.png) [@internet\_cookie](https://meta.discourse.org/u/internet_cookie)\ **Post date:** [2020年五月19日 17:45 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/122 "2020-05-19T17:45:35Z")
我们在网站的控制台中看到以下错误： ```plaintext `decorateCooked` 应提供 `id` 选项以避免内存泄漏 ``` ---
**Author:** ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)\ **Post date:** [2020年八月29日 08:49 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/124 "2020-08-29T08:49:52Z")
我遇到以下问题： > **[Runtz mit Bio-Dünger in Cocos-Medium](https://forum.cannabisanbauen.net/t/runtz-mit-bio-duenger-in-cocos-medium/10586/3)** > > Nein, leider nicht, das kam erst auf den Markt und ich habe diesesmal den Dünger nicht im Vorraus testen können. Anbei noch ein paar Makroaufnahmen. 图片没有出现在 div 列中，而是出现在 div tiles 标签后的段落中： ![Screenshot 2020-08-29 at 12.49.26](https://global.discourse-cdn.com/meta/original/3X/d/2/d26df52e23380e51d8432859221d7f96c8cd4ceb.png) 我已测试最新版本以及 auto tiles 的 GitHub 分支，两者都存在该问题。 ---
**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\ **Post date:** [2020年八月31日 17:17 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/125 "2020-08-31T17:17:48Z")
您链接的那个主题中的所有图片都是 400x300 像素，因此它们太小，无法作为嵌入式灯箱图片进行处理。我们计划让该组件支持处理所有图片（无论其尺寸大小），但目前尚无预计完成时间。 目前，您的最佳选择是使用更大的图片。 ---
**Author:** ![Heddson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heddson/32/96742_2.png) [@Heddson](https://meta.discourse.org/u/Heddson)\ **Post date:** [2020年九月1日 22:04 UTC](https://meta.discourse.org/t/tiles-image-gallery/81950/126 "2020-09-01T22:04:39Z")
能够支持所有图片尺寸那就太棒了。 有个问题：当我在灯箱中按下箭头时，是否可以指定图片的显示顺序？我希望它们按照我在 `
` 中列出的顺序显示。目前它们显示的顺序不同。我所有的图片尺寸和大小都相同。 我怀疑顺序是由灯箱处理的。 [上一頁](https://meta.discourse.org/t/tiles-image-gallery/81950.md?page=5) [下一頁](https://meta.discourse.org/t/tiles-image-gallery/81950.md?page=7)