Jump to content

Gallery Slideshow: Full - Slower Fade Transition

Recommended Posts

  • Replies 2
  • Views 672
  • Created
  • Last Reply

Top Posters In This Topic

Would love help with this too, 7.1 is a bit jerky. Using  Fullscreen Slideshow Reel. Tried this code from another post I found, but doesn't seem to be working. Here's my site, slideshow at the bottom of homepage: https://demo-ashland-template.squarespace.com/

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

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

 

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.