Hey gang, I took a stab at a different solution and it seems to be working on my end. Check out the CSS below if you're using Slideshow Full, I also have some CSS in an article here if you're using Slideshow Simple -- it's the same idea with a few small tweaks.
Basically I'm using CSS animations instead of transitions. Seem to work better since the slides are getting moved around in the DOM. Watch this if you're curious.
Let me know if there are any issues, I'll keep iterating as I can.
Will
/**
* Slow Cross Fade
* Gallery Type » Slideshow Full
* From Will-Myers.com
**/
#sections .gallery-fullscreen-slideshow[data-transition="fade"] {
--duration: 2s;
figure,
.gallery-fullscreen-slideshow-item-src{
opacity:1;
}
.gallery-fullscreen-slideshow-item{
visibility: visible;
}
figure:last-child {
animation: fadeIn var(--duration, 2s) ease;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
}
