# How to set "active slider" for slider element?

**URL:** <https://community.weweb.io/t/how-to-set-active-slider-for-slider-element/2977>\
**Category:** How do I?\
**Created:** [June 7, 2023, 1:09pm UTC](https://community.weweb.io/t/how-to-set-active-slider-for-slider-element/2977 "2023-06-07T13:09:38Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\
**Post date:** [June 7, 2023, 1:09pm UTC](https://community.weweb.io/t/how-to-set-active-slider-for-slider-element/2977/1 "2023-06-07T13:09:38Z")

</div>

Hi! I have a content slider, and am wondering how I can trigger a workflow to change the slide that’s currently being displayed. Something like “activetabindex” for the tabs element.

---

<div class="post-metadata">

**Author:** ![Robert\_LoopLabs](https://avatars.discourse-cdn.com/v4/letter/r/13edae/32.png) [@Robert\_LoopLabs](https://community.weweb.io/u/Robert_LoopLabs)\
**Post date:** [June 13, 2023, 3:09pm UTC](https://community.weweb.io/t/how-to-set-active-slider-for-slider-element/2977/2 "2023-06-13T15:09:01Z")

</div>

Hey! Did you manage to do this? I am trying to create lightbox as modal after clicking on specific photo from gallery. The problem is, the slider always start at index 0. I need it to start on slide based on variable. Thanks! 🙂

---

<div class="post-metadata">

**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\
**Post date:** [June 14, 2023, 2:00am UTC](https://community.weweb.io/t/how-to-set-active-slider-for-slider-element/2977/3 "2023-06-14T02:00:17Z")

</div>

unfotunately not :[

---

<div class="post-metadata">

**Author:** ![Mael](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mael/32/13246_2.png) [@Mael](https://community.weweb.io/u/Mael)\
**Post date:** [June 14, 2023, 8:38am UTC](https://community.weweb.io/t/how-to-set-active-slider-for-slider-element/2977/4 "2023-06-14T08:38:10Z")

</div>

Hello, it’s currently not possible. We added it to the list of improvement 🙂

---

<div class="post-metadata">

**Author:** ![Antiokh](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/antiokh/32/2794_2.png) [@Antiokh](https://community.weweb.io/u/Antiokh)\
**Post date:** [November 29, 2023, 9:07pm UTC](https://community.weweb.io/t/how-to-set-active-slider-for-slider-element/2977/5 "2023-11-29T21:07:29Z")

</div>

Can you tell, which JS method we should call to make actions on the slider/infinite slider?  
What library is used? Now I just make an invisible click to zero-opacity controls, I’m sure it isn’t the best option.

---

<div class="post-metadata">

**Author:** ![imb](https://avatars.discourse-cdn.com/v4/letter/i/ecd19e/32.png) [@imb](https://community.weweb.io/u/imb)\
**Post date:** [February 29, 2024, 6:35am UTC](https://community.weweb.io/t/how-to-set-active-slider-for-slider-element/2977/6 "2024-02-29T06:35:34Z")

</div>

Hey Mael, Is this possible now? Thank you!

---

<div class="post-metadata">

**Author:** ![what.gift](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/what.gift/32/8069_2.png) [@what.gift](https://community.weweb.io/u/what.gift)\
**Post date:** [March 11, 2024, 9:55pm UTC](https://community.weweb.io/t/how-to-set-active-slider-for-slider-element/2977/7 "2024-03-11T21:55:11Z")

</div>

Any news on this please? I would love to be able to see the “active slide” on the “components in current page”.

I’d like to show the other slides to the side of the primary, but styled differently and faded out.

---

<div class="post-metadata">

**Author:** ![what.gift](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/what.gift/32/8069_2.png) [@what.gift](https://community.weweb.io/u/what.gift)\
**Post date:** [March 12, 2024, 8:37pm UTC](https://community.weweb.io/t/how-to-set-active-slider-for-slider-element/2977/8 "2024-03-12T20:37:59Z")

</div>

I ended up solving my situation by using a variable to store an object that had all the contents for the slider including the slider postion. The click workflows control the postion number. The slider is in the middle and then just components on the outside linked to the object info to dynamicall change on the slider position.

I’m delighted with how it turned out 🙂

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d07d27c1b7abf410ecf558adfd474800a03407b9.png)

---

<div class="post-metadata">

**Author:** ![nealzie](https://avatars.discourse-cdn.com/v4/letter/n/958977/32.png) [@nealzie](https://community.weweb.io/u/nealzie)\
**Post date:** [April 20, 2026, 1:57pm UTC](https://community.weweb.io/t/how-to-set-active-slider-for-slider-element/2977/9 "2026-04-20T13:57:46Z")

</div>

How did you manage to bind the slider to the variable you created? What’s the data structure of the object? 🙂
