Fliesen Bildergalerie

Why we can not use tile image gallery when the image is only 2 ? It shows just 1 “thumbnail” image. But when the image are 3 and more, it works. Hope, someday, tile image gallery can works even only 2 images on it.

Thanks a lot

1 „Gefällt mir“

So, I’m having this component fail for me. I installed it on the default theme just to give it a test run before I added it to others, but it’s not working properly. I’ve tried it myself, and so have users.

This is what ends up happening:


Thread test is here.

1 „Gefällt mir“

What other components/plugins are you using? A conflict is usually the culprit in these situations, as that component is working fine on both of my Discourse instances.

Also, I am looking forward to NaNoWriMo this year! :wink:

1 „Gefällt mir“

Nothing fancy. Just these, no plugins.

(The Vincent one is straight css, only on the Vincent theme, not default.)

First year we’ll have nano on discourse. Can’t WAIT.

1 „Gefällt mir“

I’m using Vincent on one of my sites as well. It’s a great theme, though you may have to fix the CSS in a few places, as the theme hasn’t been updated for the changes in Discourse 2.3. (I just added a theme component containing the CSS fixes … easy peasy.)

I’m using all of the components you are except for the Staff Color Fix one.

Are you using any unusual plugins?

Nope, no plugins at all, just SSO

Okay, so I was BRIEFLY able to replicate what you were seeing by installing the component on a Discourse instance which didn’t have it installed previously. When I used the component for the first time, I got the same behavior you saw (images way off to the right side).

HOWEVER, the problem resolved itself after I did one small thing: I added line breaks between the image URIs. When I saved the message, within a moment or two, the engine re-rendered the images in tile format as expected.

So, I changed this:

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

</div>

To this:

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

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

</div>

Interestingly, after it worked once, it no longer seems to matter whether there are line breaks between the image URLs :face_with_raised_eyebrow:

If you want to test it out on either of my sites, just send me a message and I’ll send you links (one is non-public rn) :sunglasses:

1 „Gefällt mir“

Okay, after a lot of experimentation and work with @cjk77 on his own installation, we’ve figured out we’re bumping up against the max image size limitations. It doesn’t handle that gracefully, so instead of just failing, it does some weird reformatting on the final product. IF you post an image that’s too small you may get this:


All images used were under the resize limit. Image of the exact limit don’t render at all.

5 „Gefällt mir“

I have this issue also. This is due to the size of the image? Should they be enlarged and reuploaded?

Edit: that fixed it.

1 „Gefällt mir“

Yes, based on my experiments the component won’t work on images smaller than the max limit. It has to do with the way oneboxing works, I believe.

2 „Gefällt mir“

Dies und die Slick Image Gallery-Komponente funktionieren nicht. @Johani

1 „Gefällt mir“

Beide funktionieren hier einwandfrei. Könntest du genauer beschreiben, was bei dir nicht funktioniert? Welche Version von Discourse verwendest du?

Wir werden von Discourse gehostet. Daher kenne ich die genaue Anzahl nicht, aber es scheint, dass das letzte Update vor 17 Stunden stattgefunden hat. Ich habe die Komponente installiert und mehrere Bilder hochgeladen, um es zu testen, aber es funktioniert nicht. Das ist alles :thinking:

Sie können die Version von Discourse, die Sie verwenden, im HTML-Header einer beliebigen Seite nachschauen:

Das ist immer noch nicht hilfreich – WAS funktioniert nicht? Werden die Schaltflächen im Editor angezeigt? Wie sieht der resultierende Text aus, bevor Sie ihn speichern? Werden die Bilder in Ihrem Beitrag überhaupt angezeigt? usw.

Niemand wird Ihnen helfen können, solange nicht klar ist, was genau passiert.

1 „Gefällt mir“

Danke, ich habe es gefunden:

update

Bilder werden angezeigt, aber nicht so, wie sie sein sollten:

Es hätte so aussehen sollen:

Ihre Bilder sind zu klein. Sie müssen groß genug sein, damit die interne Bildgrößenanpassung von Discourse für die Kachel- oder Slick-Galerien funktioniert.

3 „Gefällt mir“

Was sind die Mindestgrößen für Bilder, damit die Komponente korrekt funktioniert?

Egal, welche Einstellung Sie für Ihre Website gewählt haben.

Suchen Sie nach maximale Bildbreite und maximale Bildhöhe.

Bilder müssen größer als diese Einstellung sein, damit die Komponente ausgelöst wird.

6 „Gefällt mir“

Vielleicht ein Fehler? Sicherlich eine Gelegenheit zur Verbesserung. Ich habe es heute erst installiert und hatte Mühe, das Layout korrekt einzurichten. Schließlich habe ich es herausgefunden. Ich musste alle meine Bilder auf einer einzelnen Zeile haben, bevor ich die Composer-Schaltfläche verwendete. Andernfalls erhalte ich Code, der so aussieht:

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

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

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

</div>

Und alle meine Bilder sind in einer einzigen Spalte.

Ich vermute, dass dies kein Problem ist, wenn man alle Bilder in einem einzigen Batch hochlädt, aber in meinem Fall habe ich Bilder aus mehreren Beiträgen gesammelt und die Links einzeln kopiert.

Warum nicht zuerst die Schaltfläche “Kacheln” drücken und dann die Bild-Links dort einfügen, wo “Bilder hinzufügen” steht?

1 „Gefällt mir“