画像をクリックできないようにする方法(ライトボックスを削除)

クリック可能なライトボックスで囲むことなく画像を表示する方法はありますか?

小さな画像はクリックできないようです。

これは大きな画像でのみ問題となるようです。

レスポンシブな投稿画像のサイズサムネイルを作成を無効にすれば解決すると思いましたが、そうではないようです。

以下が現状です。

こんにちは。

サムネイルはデフォルトで 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; // 画像上のすべてのクリックイベントを無効にする
      &:hover {
        box-shadow: none;
      }
      .meta {
        display: none;
      }
    }
  }
}
「いいね!」 4

ありがとうございます。うまくいきました。ライトボックスは、画像以外にもどこかで使われていますか、それとも画像のみですか? 他の場所で問題が発生するのではないかと心配です。:sweat_smile:

「いいね!」 2

.lightbox は投稿画像のサムネイルにのみ使用されていると思いますが、上記のコードをより具体的に更新しました。:slightly_smiling_face:

「いいね!」 3

@Nacho_Caballero さん、(より良い) 解決策が見つかったと思います。:slightly_smiling_face:

設定で無効にしてもサムネイルが作成されてしまうことを再確認しました。初回は機能したのですが、なぜかは分かりません。:thinking:

しかし、ここに記載したように :arrow_down_small:

これらの値を大きくすると、古いアップロードでもサムネイルが無効になる可能性があると思います。

これらの値を 99999 という高い値に増やしたところ、この値以下のサムネイル作成が防止されました。

古い投稿では、サムネイルを削除するために Rebuild HTML または投稿の再ベイク(すべての投稿で変更されます)を使用できます。

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 heightcreate thumbnails 設定を上書きしているのだと思います。

「いいね!」 1