如何防止图片被点击(移除灯箱)

有没有办法在不将其包装在可点击灯箱中的情况下插入图像?

我认为小图像不可点击:

这似乎只在大型图像上存在问题:

我以为禁用 响应式帖子图片大小创建缩略图 会奏效,但显然没有。

这是我看到的情况:

你好,

我认为缩略图默认是通过max image widthmax image height生成的。如果上传的图片小于这些值,缩略图将不会被创建。

如果你想禁用缩略图的创建,请取消勾选此设置。它只会禁用未来上传的缩略图,无论图片有多大。

Screenshot 2022-08-11 at 11.03.25


我没有找到关于如何禁用旧上传缩略图的相关信息,但如果用简单的CSS隐藏它们对你来说足够了。这个变通方法可能有效。:slightly_smiling_face:

Common / CSS

.cooked {
  .lightbox-wrapper {
    a.lightbox {
      pointer-events: none; // Disable all click events on image
      &:hover {
        box-shadow: none;
      }
      .meta {
        display: none;
      }
    }
  }
}
4 个赞

谢谢,这效果很好。灯箱是否在其他地方使用,还是只用于图片?我担心这可能会在其他地方引起问题。:sweat_smile:

2 个赞

我认为.lightbox仅用于帖子图像缩略图,但我已更新上面的代码以使其更具体。:slightly_smiling_face:

3 个赞

@Nacho_Caballero,我认为我找到了一个可能的(更好的)解决方案。 :slightly_smiling_face:

我再次检查了一下,尽管我在设置中禁用了缩略图创建,但它仍然在创建。我actually不知道为什么,因为第一次对我来说是有效的。 :thinking:

但正如我在这里提到的 :arrow_down_small:

我认为如果你增加这些值,缩略图也可以在旧的上传中禁用。

我将这些值增加到 99999,一个很高的数字,它阻止了小于此值的情况创建缩略图。

在旧帖子中,您可以使用 Rebuild HTML 或 rebake posts(这将更改所有帖子)来删除缩略图。

cd /var/discourse
./launcher enter app
rake posts:rebake

3 个赞

我认为您只需要重新烘焙这些帖子即可。重新烘焙所有匹配模式的帖子

1 个赞

我一开始也这么想,但没用。实际上只有这个 How to prevent an image from being clickable (remove lightbox) - #6 by Don 对我来说移除缩略图是有效的。我认为可能是 max image widthmax image height 覆盖了 create thumbnails 的设置。

1 个赞