search

khanglu / react-crossfade-image

react-crossfade-image - Simple React component for crossfading images - No CSS needed
MIT License
33 stars 13 forks source link

Fast blink when the transition starts #2

Open pihomeserver opened 7 years ago

pihomeserver commented 7 years ago

Hello I have got a small issue. When the source is updated, i have a white blink of the image just before the animation starts. I just made an update within your code to create a "fullscreen" image. I replaced : 

<div style={{ ...defaultStyle, ...{ position: "relative" } }}>

with

<div style={{ ...defaultStyle, ...{ position: "absolute" } }}>

Using React 16

khanglu commented 7 years ago

Thanks for opening the issue, feel free to submit a PR. I'll have a look.

pihomeserver commented 7 years ago

Sorry i did not explained well. I still have the blink and no way to remove it. The update i made within the code is for my specific use. However even without the code change, i have the blink/flash before each transition

rcolepeterson commented 2 years ago

this is still an issue. I think it happens when a user has the cache disabled and the image has to load 1st?