Slideshow multiState with transitions and controls

Ask the community
1

Hi everyone,
I have implemented the X Stream ‘Slideshow with Multi State Box’ (see YouTube Tutorial → https://www.youtube.com/watch?v=lCN-iSnOSpk&t=76s )

1872×1022 146 KB

But I have two issues that I need to fix:

  1. Better ‘smooth’ transitions between the ‘States’: at the moment there’s a ‘snap’ when the next slide appears, the title can have a fade in, but the background image starts from white (or background) if I apply a fade or any transition the the background image itself.
    I’ve founded this resource:
    https://www.maveristic.in/post/how-to-add-slider-to-editorx

  2. Controls Navigation: is anyway to have two arrows for slide next or previous?
    I’ve found this resources: https://www.editorxcommunity.com/forum/general-discussions/add-navigation-buttons-to-repeater-or-layouter-slider-mode

rightSliderBtn . onClick (() => { slideRight ();})
leftSliderBtn . onClick (() => { slideLeft ();})

Can anyone help me out? it shouldn’t be that difficult! Any Velo Expert could help?

Thank you!

2

hi, @uliana-andrea , usually Forum is used as a platform for design and problems discussion, but as for code, we can suggest you use our Facebook Group and Velo Forum , most likely you will find assistance there

3

Hi, have you tried creating the slideshow with the new feature of layouter slides? It will also allow to easily add navigation arrows to your slideshow. See this example: https://www.youtube.com/watch?v=pFaZQc4otYg

4

Thank you, I have noticed it after posting it, but on Velo no one still answered me. This is an essential feature tho, important for anyone that wants to develop a slider.

5

Ok will give it a go! thank you, I noticed this tutorial, but I didn’t tried it. Thank you.

6

After implemented it it seems a pretty good choice, it miss an ‘autoplay’, unfortunately.