# Image Slider Issue

**URL:** <https://forums.realmacsoftware.com/t/image-slider-issue/46807>\
**Category:** RapidWeaver Elements\
**Created:** [March 20, 2025, 10:33pm UTC](https://forums.realmacsoftware.com/t/image-slider-issue/46807 "2025-03-20T22:33:56Z")\
**Posts on this page:** 6\
**Page:** 2

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [March 24, 2025, 10:05pm UTC](https://forums.realmacsoftware.com/t/image-slider-issue/46807/21 "2025-03-24T22:05:46Z")

</div>

@mmohdher @dan 100% related to right to left language. I added a slider to his project, and it behaves the same as in the video. Everything seems to be inverted including the logic 🤷‍♂️ Even the arrows are inverted.

---

<div class="post-metadata">

**Author:** ![mmohdher](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mmohdher/32/28129_2.png) [@mmohdher](https://forums.realmacsoftware.com/u/mmohdher)\
**Post date:** [March 24, 2025, 10:20pm UTC](https://forums.realmacsoftware.com/t/image-slider-issue/46807/22 "2025-03-24T22:20:40Z")

</div>

I added a slider and re-uploaded the project. Images are not displayed in the browser.

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [March 24, 2025, 10:24pm UTC](https://forums.realmacsoftware.com/t/image-slider-issue/46807/23 "2025-03-24T22:24:32Z")

</div>

@mmohdher Yes I know. There is an issue with the sliders logic if the language is right to left like yours. Realmac will need to fix this.

There are a few ternary conditionals that relate to right to left languages in slider.js that seem to be causing the issue:

```auto
next() {
            this.to(
                (current, offset) =>
                    current +
                    (this.isRTL ? -1 : 1) *
                        offset *
                        this.skip *
                        this.visibleSlides
            );
        },

```

Long story short, you can not fix it your end.

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [March 24, 2025, 10:48pm UTC](https://forums.realmacsoftware.com/t/image-slider-issue/46807/24 "2025-03-24T22:48:37Z")

</div>

> [@Doobox](#):
>
> @handshaper Example project: elementsapp://downloadDocument/kd8NXmTnXLkK

@Doobox Ah, I had forgotten about the absolute placement of a container. This gets it partially working but I am seeing lots of problems making this responsive across all breakpoints. There is a lot of overflow with my content. I’ll have to play with it more to see what is going on.

Thank you.

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [March 24, 2025, 11:11pm UTC](https://forums.realmacsoftware.com/t/image-slider-issue/46807/25 "2025-03-24T23:11:45Z")

</div>

@handshaper You just need to reduce the size of your content with the breakpoint override dots as the device size gets smaller. In my simple example I only had one text to deal with, but the principle is the same.

![2025-03-24 11.08.08 pm](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/7/c7403d704ef7c35a8487667991cae45ac16acf31.gif)

After thought: Maybe you have not set the parent container that holds the absolutely positioned content overlay, and the slider to “relative”. Absolutely positioned elements almost always need the parent container to be position relative.

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [March 25, 2025, 7:45am UTC](https://forums.realmacsoftware.com/t/image-slider-issue/46807/26 "2025-03-25T07:45:46Z")

</div>

> [@mmohdher](#):
>
> Arrows work fine, but images are no longer visible in the browser.

This looks like a bug, I’ll take a look asap and hopefully have a fix in the next beta 🙂

[Previous page](https://forums.realmacsoftware.com/t/image-slider-issue/46807.md?page=1)