# Слайдер для сравнения изображений

**URL:** <https://meta.discourse.org/t/image-comparison-slider/264479>\
**Category:** Theme component\
**Created:** [10.Май.2023 01:56:37 UTC](https://meta.discourse.org/t/image-comparison-slider/264479 "2023-05-10T01:56:37Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![Joseph\_Hansen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joseph_hansen/32/280051_2.png) [@Joseph\_Hansen](https://meta.discourse.org/u/Joseph_Hansen)\
**Post date:** [10.Май.2023 12:23:08 UTC](https://meta.discourse.org/t/image-comparison-slider/264479/6 "2023-05-10T12:23:08Z")

</div>

В основном мне нужно привести код в порядок и сделать его более соответствующим стандартам Discourse. На данный момент он немного небрежен, так как я активно учился создавать компонент темы здесь 🙂

Также я планирую добавить возможность изменения направления слайдера прямо из редактора сообщений — сейчас направление определяется настройками администратора, но я хотел бы сделать этот параметр управляемым пользователем. (_ИСПРАВЛЕНИЕ: это уже добавлено!_)

Кроме того, я хотел бы получить больше контроля над стилями ползунка/разделителя, но, к сожалению, это не совсем возможно. JavaScript, обрабатывающий слайдер, создаёт его до применения любых CSS-изменений и не перестраивает слайдер при изменении CSS.

---

_[View the full topic](https://meta.discourse.org/t/image-comparison-slider/264479)._