Wie man verhindert, dass ein Bild klickbar ist (Lightbox entfernen)

Unterstützung
1

Gibt es eine Möglichkeit, ein Bild einzufügen, ohne es in eine klickbare Lightbox zu verpacken?

Ich glaube, kleine Bilder sind nicht klickbar:

CleanShot 2022-08-11 at 08.27.29@2x
CleanShot 2022-08-11 at 08.27.29@2x586×202 15.2 KB

Dies scheint nur ein Problem bei großen Bildern zu sein:

dongsh-eYoIHeMC6Mo-unsplash
dongsh-eYoIHeMC6Mo-unsplash1920×2557 184 KB

2

Ich dachte, das Deaktivieren von responsive post image sizes und create thumbnails würde das Problem beheben, aber offenbar nicht.

Das sehe ich:

CleanShot 2022-08-11 at 08.47.48@2x
CleanShot 2022-08-11 at 08.47.48@2x1178×364 88.4 KB

3

Hallo,

Ich glaube, dass Thumbnails standardmäßig anhand von max image width und max image height generiert werden. Wenn das hochgeladene Bild kleiner als diese Werte ist, wird kein Thumbnail erstellt.

Screenshot 2022-08-11 at 10.59.53
Screenshot 2022-08-11 at 10.59.53658×149 5.21 KB

Wenn Sie die Erstellung von Thumbnails deaktivieren möchten, deaktivieren Sie diese Einstellungen. Dies deaktiviert die Thumbnail-Erstellung nur für zukünftige Uploads, unabhängig von der Bildgröße.

Screenshot 2022-08-11 at 11.03.25

Ich habe keine relevanten Informationen darüber gefunden, wie Thumbnails von älteren Uploads deaktiviert werden können, aber wenn es Ihnen ausreicht, diese mit einfachem CSS auszublenden. Dieser Workaround könnte funktionieren. :slightly_smiling_face:

Common / CSS

.cooked {
  .lightbox-wrapper {
    a.lightbox {
      pointer-events: none; // Alle Klick-Events auf das Bild deaktivieren
      &:hover {
        box-shadow: none;
      }
      .meta {
        display: none;
      }
    }
  }
}
4 „Gefällt mir“
4

Danke, das funktioniert super. Werden Lightboxen noch woanders verwendet oder nur bei Bildern? Ich befürchte, das könnte woanders Probleme verursachen. :sweat_smile:

2 „Gefällt mir“
5

Ich glaube, .lightbox wird nur für Miniaturansichten von Beitragsbildern verwendet, aber ich habe den obigen Code aktualisiert, um spezifischer zu sein. :slightly_smiling_face:

3 „Gefällt mir“
6

Hallo @Nacho_Caballero, ich glaube, ich habe eine mögliche (bessere) Lösung gefunden. :slightly_smiling_face:

Ich habe es noch einmal überprüft und leider wird die Miniaturansicht immer noch erstellt, auch wenn ich sie in den Einstellungen deaktiviere. Ich weiß nicht genau, wie, denn beim ersten Mal hat es für mich funktioniert. :thinking:

Aber wie ich hier erwähnt habe :arrow_down_small:

Ich denke, wenn Sie diese Werte erhöhen, könnte die Miniaturansicht auch bei älteren Uploads deaktiviert werden.

Ich habe diese auf 99999 erhöht, eine hohe Zahl, und das verhindert die Erstellung von Miniaturansichten unter diesem Wert.

Bei älteren Beiträgen können Sie Rebuild HTML oder Beiträge neu backen (ändert dies bei allen Beiträgen), um Miniaturansichten zu entfernen.

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

3 „Gefällt mir“
7

Ich glaube, Sie müssen diese Beiträge nur neu backen. Alle Beiträge nach einem Muster neu backen

1 „Gefällt mir“
8

Zuerst dachte ich das auch, aber es funktionierte nicht. Tatsächlich funktionierte nur dies How to prevent an image from being clickable (remove lightbox) - #6 by Don für mich, um Thumbnails zu entfernen. Ich denke, vielleicht überschreiben max image width und max image height die create thumbnails-Einstellung.

1 „Gefällt mir“