مساعدة في عرض الصور في منشور

[Miro1 (Miro)]

Hi,

I have several images (links below) and I would like to display them in my Discourse post, either as a simple gallery/slider or just in order. I’m not sure how to do this. an i cant find related post

Image links:

• https://crypt.ge/uploads/default/original/1X/7f811ac3d5384c5c62f6add0c6b98e552f32fd9f.webp

• https://crypt.ge/uploads/default/original/1X/51b8b187195d2726842c9c66676552c9a2aa44b2.webp

• https://crypt.ge/uploads/default/original/1X/fcce19cbc34d37a5d3c3f20e7d2b497df5767efe.webp

• https://crypt.ge/uploads/default/original/1X/9187a5c8f5ba0529583b11d56c5e159eb1d1d74d.webp

Could anyone guide me on how to display these images in a post or as a slider?

Thanks in advance!

like this

[Arkshine]

Would this built-in feature work for you? Introducing image grids in posts

[Miro1 (Miro)]

Thanks for your attention. This feature is a good one, but it does not meet my community post requirements.

[pfaffman (Jay Pfaffman)]

What is the problem, exactly?

They aren’t displaying here because webp isn’t an accepted image format (it’s in a setting, so you can change that on your site).

[Miro1 (Miro)]

and format is not main problem, i have this photos also png format. sorry my english.

[Miro1 (Miro)]

@pfaffman

What is the problem, exactly?

Thanks your attention. To clarify further, what I want is:

1. Navigation Arrows – Images should have left and right arrows for switching between them.

2. Filter Buttons – Below the images, there should be buttons that allow users to filter or switch between different models/colors.

Essentially, I want the images to behave like an interactive preview with both navigation and filter options, not just static images. Could you advise which HTML component or forum setting would allow this?

if you can please check this link there is what i want.

[pfaffman (Jay Pfaffman)]

I see. I’m not aware of anything that does exactly that. If you want exactly that, you’ll need to start at Theme Developer Tutorial: 1. Introduction or Marketplace.

[Arkshine]

I got curious and I played a bit with Swiper library.

It might be possible to do something. Of course, it requires some CSS adjustments here and there, as well as other considerations, but it should be possible to reproduce the same feature.

Here is a demo:

[Miro1 (Miro)]

That’s exactly what I need, this looks awesome!

Could you please share the Git link or the component code?

Also, I’m curious does it adapt well to the mobile version too?

[Miro1 (Miro)]

@Arkshine

Here is a demo:

also it’s possible to add color change buttob below?