How do I change the transition duration of a fade animation on a gallery slide?

Ask the community
3

Hi, how can you introduce a ‘fade in’ for the images to appear?
I have implemented it and it’s working but, I’m struggling to introduce a transition when the background images appears. There’s a ‘step’ happening when the State change, I’d like to have a ‘smooth’ transitions, and as well there’s no navigation control. Please create a tutorial somewhere for this as it’s impossible to find anywhere.
I tried this :

$w . onReady ( function () {
var states = [ ‘state1’ , ‘state2’ , ‘state3’ ];
var stateNumber = 0 ;

**function**  slideShow () { 
    $w ( '#multiStateBox1' ). changeState ( states[stateNumber ]); 
    **if**  ( stateNumber  <  states.length  -  1 ) { 
        stateNumber ++; 
    }  **else**  { 
        stateNumber  =  0 ; 
    } 
    setTimeout ( slideShow ,  6000 ). ease ;

$w ( “#state1” ). show ( “fade” );
$w ( “#state2” ). show ( “fade” );
$w ( “#state3” ). show ( “fade” );

} 
slideShow ();

});

but doesn’t work. :frowning: