Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Error with code slowing slideshow transition speed


Billy1996

Question

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

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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: .

2 answers to this question

Recommended Posts

  • 0
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, 

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Animated Heading Block
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0

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,

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...