makeabilitylab / makeabilitylabwebsite

The Makeability Lab website
https://makeabilitylab.cs.washington.edu
MIT License
9 stars 64 forks source link

Individual Project Banner "Blinks" When Switching #1010

Open xiasu opened 2 years ago

xiasu commented 2 years ago

For the Kinergy project, I submitted banner images which are relatively large (3440*1440). These images are showing up well, but I could see some "blinking" when they switch. Not sure what caused this.

Check this video:

https://user-images.githubusercontent.com/61726267/195212135-6736b25c-6514-4d06-86e2-3f367cc5cb47.mov

jonfroehlich commented 2 years ago

I wonder if this has something to do with the image sizes? You should check the sizes of the other banners (that don't flash) and compare.

xiasu commented 2 years ago

I double checked all pages of our site. Pages like "HOME", "PEOPLE" and "PROJECT" are showning banners without flashing. image However, all the individual projects with more than one banner has the same flashing issue, including those uploaded long ago. image

Since the first banner shown when the webpage load is always good, and many projects only have one banner, this issue could have been ignored for quite some time.

I also checked with Safari on my mac, safari on iPhone, Chrome on my windows laptop, they all have exactly the same situation.