Fliesen Bildergalerie

We opted to reduce the minimum size for lightboxing; it seemed like a good portion of those who used it were using slightly smaller or right at 400 x 300. THat worked nicely.

1 „Gefällt mir“

@Heather_Dudley How did you achieve that?
In the admin settings I could not find such a lightbox option to change the size.

It’s max image size and max image height - if you search for max image it’ll find them both. Anything over that limit gets lightboxed.

Hey guys

does anyone else still have issues with images being outside the post “box”?
See for example here, some of the images are shifted to the right side and not visible

Hi am new to Discourse and am exploring what image galleries are available. Am using PhotoPost Gallery at the moment for a vBulletin forum. Are there any importers available for importing PhotoPost into Tiles? Tried to find this but only came across the following, and if I’m not mistaken the verdict back when the posts were discussed was to import as topics? Is this still the way to do this?

Thanks for the component.

It works OK, but I’m not getting the “static preview” as can be seen in your example.

The photos are highlighted using the line on the left, but they are not resized.

2 „Gefällt mir“

After reading all the posts above, I found that many users have the same problem as I am.

Both “Titles Image Gallery” and “Slick Image Gallery” destroy the post layout when users use image smaller than the site setting “Max image width & height” in the Gallery. I understand that discourse don’t generate “lightbox” for small images. So no complaint if users won’t able to click or enlarge those small images.

However, it is impossible to force all forum members to upload image larger than the site setting “Max image width & height” value. Most forum members don’t even understand what is call pixel and don’t know how to check image size. They just upload any image they got, just the same way they upload to other social media.

Here is an example, if the site Max. image setting is set to 690px for both Width and Height. When users upload four 680x680px images to gallery. The post show large empty space in the post (680 x 2720px).
2021-03-24_083938

I understand that making the gallery work for all image size may take time to develop. But at the moment, I think it is better for the Gallery to hide those illegal size images, so at least it won’t break layout of post. Because broken layout give a bad impression to users. Just my two cents. :thinking:

3 „Gefällt mir“

When viewing in smartphone, the third image is missing.

There are total 4 images, I can view all in PC.

However, when viewing in smartphone the third image is missing.

From browser inspector, I can see the third image is place under the
“tiles-col–3”, which should not happening in small screen.

Because, css hide (display:none) “tiles-col–3” in small screen, which make image in column 3 missing.

Just want to say thanks for this TC. It complements a project I’m working on very well. Good work. :clap:

Why can’t images be displayed if they are smaller than max?

I’m experiencing the same issues as @lhkjacky describes.

Thank you @Heddson for creating a new TC to fix the problem of Tiles Image Gallery. :smiling_face_with_three_hearts:

Masonry Image Gallery:

I have replaced “Tiles Image Gallery” by “Masonry Image Gallery”.
Now, adding small images in Gallery won’t break the layout of the post. :partying_face:

2 „Gefällt mir“

Wir verwenden Tile und Slick nun schon seit ein paar Jahren und unsere Community mag beide sehr gerne! :+1:

Wir haben unser Forum kürzlich auf Discourse 3.0 aktualisiert und beide begannen sich etwas seltsam zu verhalten. Ich glaube nicht, dass es an unserem speziellen Setup liegt, da wir das Standardthema mit grundlegenden CSS-Anpassungen verwenden und es erst nach dem Update zu passieren begann.

Das Problem mit Slick ist, dass ein paar zusätzliche Bilder außerhalb der Diashow erscheinen und darunter mehrere Reihen von klickbaren Punkten. Dies sollte es besser erklären:

Beim Grid-Plugin ist die Eigenart, dass ein winziger Teil eines zusätzlichen Bildes rechts vom Grid erscheint:

Auf Mobilgeräten ist das angeschnittene Bild breiter, aber immer noch angeschnitten:

Gerne sende ich per PM Links zu einem Live-Forum, in dem dies geschieht.

Erleben das noch andere?

Ich verwende Discourse 3.0.1 beta2.

Die Vorschau zeigt keine statische Vorschau:

Der Beitrag zeigt jedoch die 8 Bilder richtig an:

Wie viele Bilder hast du in deiner Galerie? Hast du Bilder mit einem lustigen Breiten-/Höhenverhältnis?

Das Problem ist tatsächlich die Anzahl der Bilder: Wenn die Galerie mehr Bilder enthält, als Platz für die Bild-Aufzählungspunkte vorhanden ist, scheint sie seit Discourse 3.0 auf seltsame Weise kaputt zu gehen.

Hier ist die Grenze, bis zu der alles einwandfrei funktioniert und die Aufzählungspunkte unter dem Bild angezeigt werden:

Hier ist dieselbe Galerie mit nur einem weiteren Bild:

Alle Aufzählungspunkte sind nach oben gerutscht und werden über dem Foto angezeigt: Sie sind mit dem schwarzen Hintergrund etwas schwer zu erkennen, aber man sieht mindestens einen links (sie werden beim Überfahren mit der Maus deutlicher), und einen zusätzlichen wird unten angezeigt.
Früher, bei vielen Bildern, stapelten sich die Aufzählungspunkte in Reihen unterhalb der Galerie.


Möglicherweise damit zusammenhängend, einige (ebenfalls große) Galerien – aber nicht alle – sind nach dem Update auf Discourse 3.0 ebenfalls ein wenig kaputt gegangen:

Es ist unklar, ob dies auf die fehlerhafte Ausrichtung der Aufzählungspunkte zurückzuführen ist. Wenn man sich den HTML-Code ansieht, befinden sich zwischen ul.slick-list und button.slick-next.slick-arrow Dutzende von <br> mit den beiden verlorenen Bildern dazwischen.

1 „Gefällt mir“

Können Sie CSS-Bilder automatisch wie Google Fotos anordnen?

Diese Theme-Komponente ist veraltet. Sie sollten die neue integrierte Funktion verwenden, die hier vorgestellt wird:

4 „Gefällt mir“

Gibt es ein End-of-Life-Datum für diese Theme-Komponente? Wir versuchen, die Umstellung auf die neue Funktion zu priorisieren.

Ich glaube, diese Komponente ist möglicherweise bereits defekt? Funktioniert sie auf Ihrer Website noch einwandfrei?

[Admin-Hinweis] Eines Ihrer Themes oder Plugins muss für die Kompatibilität mit bevorstehenden Änderungen im Discourse-Kern aktualisiert werden. (id:discourse.fontawesome-6-upgrade) Identifiziertes Theme: ‘Tiles - Gallery Component’.

1 „Gefällt mir“

Es ist eine veraltete Komponente.

2 „Gefällt mir“