Transition Animation on Large Monitors

Hi

I’m looking at full screen pictures with gallery on autoplay on a 2580x1600 monitor and the transitions are lagging with artefacts on the screen from time to time.

I wanted the full screen with height as well so I have added this to my CSS:

.image-gallery-slide img { height: 100vh; }

That does not seem to be causing the problem. It seems smoother when I reduce the browser size. Is there anything else I can do to improve performance on bigger screens? Would adjusting the .jpg image quality help? A slower duration in the transition?

Any thoughts?

Thanks for this gallery, it’s good stuff.

[vladimir-fsh]

@xiaolin and also .image-gallery-slide { opacity 0.2s ease-out !important; } in my case

[xiaolin]

Please see issue #166 Adding the below CSS override will give you a fadeIn affect. You can also customize the CSS further based on your needs.

.image-gallery-slide {
  opacity: 0;
}
.image-gallery-slide.center {
  opacity: 1;
}