Jump to content

remove transition from slideshow and/or reduce time for transition

Recommended Posts

The website is https://www.marylucier.net/, and the page I need help with is  https://www.marylucier.net/installations.

Does anyone know how to remove any and all types of transitions for slideshow image galleries?  I have fade has my default transition, but I really don't need a transition in the image gallery.  I have tried:

.slide { visibility: visible !important; -webkit-transition: opacity 0s ease-in-out; -moz-transition: opacity 0s ease-in-out; -o-transition: opacity 0s ease-in-out; transition: opacity 0s ease-in-out; }

but the fade was still there, so I took it out.  

I also implemented:

.slide {; opacity: 1 !important;; }

This removes the fade, but there is still a delay between the images.  Therefore, when I click from one image to the next, the previous image lingers in the background for a second after the new image comes up.  Does anyone know how to remove this delay?  It's not noticeable with images that are the same size, but for images that are different sizes it looks incredibly strange.


Thanks in advance!



Link to comment
  • 1 year later...
  • Replies 1
  • Views 796
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.