# Bildvergleichsschieber

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

<div class="post-metadata">

**Author:** ![Heddson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heddson/32/96742_2.png) [@Heddson](https://meta.discourse.org/u/Heddson)\
**Post date:** [26. Juni 2023 um 15:25 UTC](https://meta.discourse.org/t/image-comparison-slider/264479/21 "2023-06-26T15:25:56Z")

</div>

Darüber habe ich nicht nachgedacht. Danke, dass du mich darauf aufmerksam gemacht hast, @Stephane_Roy!

Das Problem ist, dass beide Theme-Komponenten dieselben Übersetzungsvariablen verwenden. Andere TCs haben möglicherweise dasselbe Problem. Die Lösung besteht darin, den Namen von _button\_text_ und _add\_images\_prompt_ an den unten genannten Stellen zu aktualisieren/zu ändern. Ich werde auch die Masonry Image Gallery aktualisieren.

> translations. **button\_text** = settings.button\_text;  
> translations.composer. **add\_images\_prompt** =  
> settings.add\_images\_prompt;

> api.onToolbarCreate(function(toolbar){  
> toolbar.addButton({  
> trimLeading: true,  
> id: “image-comparison-slider”,  
> group: “insertions”,  
> icon: settings.button\_icon,  
> title: “ **button\_text** ”,  
> perform: e =\> e.applySurround(  
> [“\<div data-image-comparison-slider data-direction-”,settings.default\_direction,“  
> \n\n”].join(‘’),  
> “\n\n”,  
> “ **add\_images\_prompt** ”,  
> { multiline: false }  
> )  
> });

---

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