タイル画像ギャラリー

なぜ画像が2枚しかない場合にタイル画像ギャラリーを使用できないのでしょうか?"サムネイル"画像が1枚しか表示されません。しかし、画像が3枚以上ある場合は正常に動作します。いつか、画像が2枚しかない場合でもタイル画像ギャラリーが動作するようになることを願っています。

ありがとうございます

「いいね!」 1

さて、このコンポーネントが私の環境で失敗しています。他のテーマに追加する前にテスト用にデフォルトのテーマにインストールしましたが、正しく動作しません。私も試しましたが、ユーザーも試しています。

以下のような状態になります:

スレッドのテストはこちらです。

「いいね!」 1

他のコンポーネントやプラグインは使用していますか?このような状況では、通常、競合が原因です。そのコンポーネントは私の Discourse インスタンスの両方で正常に動作しています。

それとも、今年の NaNoWriMo がとても楽しみです!:wink:

「いいね!」 1

派手なものはありません。これだけです。プラグインは使っていません。

(ヴィンセントのものは、デフォルトではなく、ヴィンセントのテーマにのみ適用される、純粋な CSS です。)

今年度は、Discourse に Nano を導入します。とても楽しみです。

「いいね!」 1

私のサイトの1つでもVincentを使用しています。素晴らしいテーマですが、Discourse 2.3の変更に対応していないため、いくつかの場所でCSSの修正が必要かもしれません。(私はCSSの修正を含むテーマコンポーネントを追加しました…簡単です。)

Staff Color Fixコンポーネントを除き、あなたが使用しているすべてのコンポーネントを使用しています。

何か特殊なプラグインを使用していますか?

いいえ、プラグインは一切使わず、SSO のみです

はい、以前はインストールされていなかった Discourse インスタンスにコンポーネントをインストールすることで、あなたが経験した現象を一時的に再現できました。初めてコンポーネントを使用した際、あなたと同じ動作(画像が右端に大きくずれる)が発生しました。

しかし、小さな操作を一つ行うだけで問題が解消しました。画像 URI の間に改行を追加したのです。メッセージを保存すると、数秒以内にエンジンが予想通りタイル形式で画像を再描画しました。

つまり、以下のように変更しました:

<div data-theme-tiles="1">

![PNG|690x376](upload://tkDa9A71XGWBECPZ8O4NJ7EVU0o.jpeg) ![PNG|690x375](upload://qF63DV2mw5jrFWvYleWclebsDMo.jpeg) ![PNG|690x376](upload://8xiyNyKpSqdDOfh4mxMHgy0Bzkh.jpeg) 

</div>

以下のように:

<div data-theme-tiles="1">

![PNG|690x376](upload://tkDa9A71XGWBECPZ8O4NJ7EVU0o.jpeg) 
![PNG|690x375](upload://qF63DV2mw5jrFWvYleWclebsDMo.jpeg) 
![PNG|690x376](upload://8xiyNyKpSqdDOfh4mxMHgy0Bzkh.jpeg) 

</div>

興味深いことに、一度正常に動作した後は、画像 URL の間に改行があるかどうかはもはや問題にならないようです::face_with_raised_eyebrow:

私のサイトのいずれかでテストしたい場合は、メッセージを送ってください。リンクをお送りします(一つは現在非公開です)::sunglasses:

「いいね!」 1

さて、@cjk77 氏による独自の環境での多くの実験と作業を経て、画像サイズの上限に達していることが判明しました。システムはこれを適切に処理できないため、単に失敗するのではなく、最終出力に対して奇妙な再フォーマットが行われます。もし画像が小さすぎる場合に、以下のような現象が発生する可能性があります:

使用されたすべての画像はリサイズ制限未満でした。正確な限界値の画像はまったくレンダリングされません。

「いいね!」 5

私も同じ問題が発生しています。これは画像のサイズが原因でしょうか?画像を拡大して再アップロードすべきでしょうか?

編集:それで解決しました。

「いいね!」 1

はい、私の実験によると、コンポーネントは最大サイズ未満の画像では動作しません。これは、ワンボックス化の仕組みによるものだと考えています。

「いいね!」 2

これと Slick Image Gallery コンポーネントが動作しません。@Johani

「いいね!」 1

どちらもここで完璧に動作しています。具体的に何が動作しないのか、もう少し詳しく教えていただけますか?Discourse のどのバージョンをお使いですか?

当サイトは Discourse でホストされています。正確な数は分かりませんが、最後の更新は 17 時間前だったようです。コンポーネントをインストールし、いくつかの画像をアップロードして試してみましたが、動作しません。以上です :thinking:

Discourse のバージョンは、任意のページの HTML ヘッダーを確認することで確認できます。

それでもまだ不十分です——何が動作しないのですか?エディタにボタンは表示されますか?保存する前の結果のテキストはどうなっていますか?投稿に画像は表示されますか?などなど。

何が具体的に起きているのかを理解できなければ、誰も助けることはできません。

「いいね!」 1

ありがとうございます、見つけました:

update

画像は表示されますが、本来あるべきようにはなっていません:

本来はこうなるはずです:

画像が小さすぎます。Tiles または Slick ギャラリーが機能するには、Discourse の内部画像リサイズルーチンを有効にするのに十分な大きさである必要があります。

「いいね!」 3

コンポーネントが正しく機能するために必要な画像の最小サイズはどれくらいですか?

あなたのサイトの設定に関わらず、max image width(最大画像幅)と max image height(最大画像高さ)を探してください。

コンポーネントをトリガーするには、画像がこの設定よりも大きい必要があります。

「いいね!」 6

バグかもしれませんね。少なくとも改善の余地はあります。今日これをインストールして以来、レイアウトを正しく設定しようと苦労していました。ようやく解決しました。コンポーザーボタンを使用する前に、すべての画像を1行にまとめる必要がありました。そうしないと、以下のようなコードになってしまいます:

![20060316-img1|679x500](upload://7IiKEBIQhilcDwt9KIBxiWZsVt8.jpeg)

</div>
<div data-theme-tiles="1">

![20060106-img2|674x499](upload://pYLbo4Bg417KHGzcNsfVopvxDfX.jpeg)

</div>

その結果、すべての画像が単一の列に配置されてしまいました。

おそらく、すべての画像を一度にアップロードすればこの問題は起きないのでしょうが、私の場合は複数の投稿から画像を集め、リンクを一つずつコピーしていたため、このような状況になりました。

まず「タイル」ボタンを押してから、「画像を追加」と書かれている場所に画像リンクを挿入するのはどうですか?

「いいね!」 1