Reload an iframe without flickering/flash (in Javascript)

Question

I would like to ask if anyone has a simple solution that will allow me to reload/refresh an iframe but without the flickering/flash when the page reloads, it that possible ? Maybe to animate a blur-out and then a blur-in instead of the flickering/flash? I don't know any input would be helpful,

Thanks.

Here is how I reload the iframe now

document.getElementById("FrameID").contentDocument.location.reload(true);

Thanks for the help.

Answer 1

Easiest approach:

1. Create a new iframe outside of DOM or in a hidden element.
2. Load the page inside the hidden frame
3. Once the load even fires within the hidden frame, just swap them around!

Swapping

To actually swap them, just have them next to each other and toggle the display: none / block css of each one.