# Afbeeldingen centreren binnen een onderwerp en een schuifregelaar voor afbeeldingen

**URL:** https://meta.discourse.org/t/centering-images-within-a-topic-and-a-slider-for-images/293485
**Category:** Support
**Created:** [30 januari 2024 om 14:54 UTC](https://meta.discourse.org/t/centering-images-within-a-topic-and-a-slider-for-images/293485 "2024-01-30T14:54:56Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [30 januari 2024 om 14:54 UTC](https://meta.discourse.org/t/centering-images-within-a-topic-and-a-slider-for-images/293485/1 "2024-01-30T14:54:57Z")

</div>

I’ll combine two questions in one.  
How can I center images within a topic?

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/d/0/fd0add47ab292c8caaefe762629fdb7bd9243c27.jpeg)

And is there a module for creating an image slider inside a topic?

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/d/1/7d12c94dd1ef95844de334f7e36cd1fb106f745e.jpeg)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [30 januari 2024 om 15:02 UTC](https://meta.discourse.org/t/centering-images-within-a-topic-and-a-slider-for-images/293485/2 "2024-01-30T15:02:05Z")

</div>

This #Customization > Theme component adds composer buttons to center images [Image Alignment and Grid](https://meta.discourse.org/t/image-alignment-and-grid/271560). There is also [Image Annotator - Allows you to annotate images in the previewer](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936) which adds the allignment buttons to the preview.

> [@Gonerdot](#):
>
> And is there a module for creating an image slider inside a topic?

Did you take a look at the #Customization > Theme component category? With the help of search it is quite easy to find those, which do someting with images. Maybe [Slick Image Gallery](https://meta.discourse.org/t/slick-image-gallery/81952) is what you are looking for.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [30 januari 2024 om 15:18 UTC](https://meta.discourse.org/t/centering-images-within-a-topic-and-a-slider-for-images/293485/3 "2024-01-30T15:18:16Z")

</div>

Like @Moin said, there are theme components that can likely help you

for centering images and text, you can also just use` <div align="center"></div>` like this:

centered text and image  

![](https://media.tenor.com/Cgp7HXKaQJkAAAAC/whatif-matrix.gif)

Is this what you mean by a slider for images?

> [@Image comparison slider](https://meta.discourse.org/t/image-comparison-slider/264479):
>
> information_sourceSummary Add a button to the composer to create a draggable interactive image comparison slider.hammer_and_wrenchRepository [GitHub - josephclaytonhansen/discourse-image-comparison-slider · GitHub](https://github.com/josephclaytonhansen/discourse-image-comparison-slider/)questionInstall Guide [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component This component adds a button to the composer to create draggable image comparis…

---

<div class="post-metadata">

### Author: ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [30 januari 2024 om 15:25 UTC](https://meta.discourse.org/t/centering-images-within-a-topic-and-a-slider-for-images/293485/4 "2024-01-30T15:25:51Z")

</div>

Ty all!

> [@Lilly](#):
>
> Is this what you mean by a slider for images?

Perhaps the problem is the different meanings of words in different languages. Sorry.

@moin understood what I’m looking for

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [30 januari 2024 om 15:45 UTC](https://meta.discourse.org/t/centering-images-within-a-topic-and-a-slider-for-images/293485/6 "2024-01-30T15:45:28Z")

</div>

apologies, I noticed I made a typo in my preformatted text because of my region spellchecker. `centre` should be `center` like it is in the working example I did. 😅

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [29 februari 2024 om 15:46 UTC](https://meta.discourse.org/t/centering-images-within-a-topic-and-a-slider-for-images/293485/7 "2024-02-29T15:46:10Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [4 augustus 2025 om 02:09 UTC](https://meta.discourse.org/t/centering-images-within-a-topic-and-a-slider-for-images/293485/8 "2025-08-04T02:09:29Z")

</div>

Keep in mind though … you need an extra newline to pull off mixing markdown and HTML.

So, for example:

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/1/7/01761f79f64e2c60f25777c8efca4a5e59cc4cd0.jpeg)

```plaintext
<div align="center">

![image|500x500](upload://cVyooB9AJL3DbMAaT6VlNGBzxK.jpeg)
</div>

```

Notice the extra newline…
