# מְשַׁוֵּי תְּמוּנוֹת על ידי מחוון
**URL:** https://meta.discourse.org/t/image-comparison-slider/264479
**Category:** Theme component
**Created:** [10 במאי, 2023, 1:56am UTC](https://meta.discourse.org/t/image-comparison-slider/264479 "2023-05-10T01:56:37Z")
**Posts on this page:** 1
**Showing post:** 33
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [6 ביוני, 2026, 5:08pm UTC](https://meta.discourse.org/t/image-comparison-slider/264479/33 "2026-06-06T17:08:41Z")
Alright folks, I had finally the time to work on this.
Hopefully there are still some interest in this TC!
>
>
> The PR overhauls the TC with the following features:
>
> \- Draggable before/after… comparison, horizontal or vertical
> \- Zoom and pan (mouse wheel, pinch, and on-image controls)
> \- Fullscreen view with a smooth open/close animation
> \- Open the original, full-size images in the lightbox
> \- Optional before/after labels with configurable placement
> \- Optional caption
> \- Several handle styles (line, thin, circle, grabber) and a custom handle color
> \- Edit sliders directly in the rich text editor, or with markdown
> \- Keyboard accessible (arrow keys move the divider, \`+\`/\`-\`/\`0\` zoom)
> \- Restrict who can insert sliders by group
>
> The markdown format has changed using \`\[wrap\]\` tag. Backward compatibility is ensured.
> Due to recent changes in core, 2026.6.0-latest is required.
>
> https://github.com/user-attachments/assets/6dafd430-90ee-4183-bed2-5d39460f94f5
The PR overhauls the TC with the following features:
- Zoom and pan (mouse wheel, pinch, and on-image controls)
- Fullscreen view
- Open the original, full-size images in the lightbox
- Optional before/after labels with configurable placement
- Optional caption
- Several handle styles (line, thin, circle, grabber) and a custom handle color
- Edit sliders directly in the rich text editor, or with markdown
- Keyboard accessible (arrow keys move the divider, `+`/`-`/`0` zoom)
- Restrict who can insert sliders by group
The markdown format has changed using `[wrap]` tag. Backward compatibility is ensured.
2026.6.0-latest is required.
It’s mobile and RTL friendly. Though, I’m not an UX expert, and I could not test much on mobile or IOS.
If you want to test separately, you can use:
- URL: `https://github.com/arkshine/discourse-image-comparison-slider`
- branch: `modernize-with-rte`
(_I’d recommend to not edit sliders from the previous version to not change the markdown format_)
---
_[View the full topic](https://meta.discourse.org/t/image-comparison-slider/264479)._