Error with code slowing slideshow transition speed

Site URL: https://giraffe-fife-xnsh.squarespace.com/

Hi there,

I had initially applied this code to slow the slideshow transition speed. It was working fine but recently no longer works:

.gallery-fullscreen-slideshow-item-img{
    transition: opacity 1600ms ease-in-out !important;
    -webkit-transition: opacity 1600ms ease-in-out !important;
    -ms-transition: opacity 1600ms ease-in-out !important;
    -moz-transition: opacity 1600ms ease-in-out !important;
    -o-transition: opacity 1600ms ease-in-out !important;
}

//.gallery-fullscreen-slideshow[data-transition="fade"] 
.gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{
    transition: opacity 1400ms ease-in-out !important;
    -webkit-transition: opacity 1400ms ease-in-out !important;
    -ms-transition: opacity 1400ms ease-in-out !important;
    -moz-transition: opacity 1400ms ease-in-out !important;
    -o-transition: opacity 1400ms ease-in-out !important;
} 

Could anyone please advise on what the error might be?

Thanks

4 hours ago, Billy1996 said:

Site URL: https://giraffe-fife-xnsh.squarespace.com/

Hi there,

I had initially applied this code to slow the slideshow transition speed. It was working fine but recently no longer works:

.gallery-fullscreen-slideshow-item-img{
    transition: opacity 1600ms ease-in-out !important;
    -webkit-transition: opacity 1600ms ease-in-out !important;
    -ms-transition: opacity 1600ms ease-in-out !important;
    -moz-transition: opacity 1600ms ease-in-out !important;
    -o-transition: opacity 1600ms ease-in-out !important;
}

//.gallery-fullscreen-slideshow[data-transition="fade"] 
.gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{
    transition: opacity 1400ms ease-in-out !important;
    -webkit-transition: opacity 1400ms ease-in-out !important;
    -ms-transition: opacity 1400ms ease-in-out !important;
    -moz-transition: opacity 1400ms ease-in-out !important;
    -o-transition: opacity 1400ms ease-in-out !important;
} 

Could anyone please advise on what the error might be?

Thanks

They seem fine to me, 

Hey Bangkank,

It works but very inconsistently? Sometimes i will open the page and it will skip the transition or only work for some of the photos. Is there a chance other code might be off setting it or do you think its fine?

Cheers,

@Billy1996 Hi did you manage to find the answer to this?

I saw the gallery slideshow in the website link has a smooth transition.

Thanks!

@Billy1996 @bangank36@cj87 @rwp

Hi I am still wondering why the code for this has an error for 1~2 slides randomly while working just fine for most of the other slides?

Is there an update to the code that has been provided here? @rwp

trying to find the solution here.. can't get anywhere near..

Is squarespace gallery slideshow transition speed cannot be modified?