How to prevent the white 'flash' on page load created by background image loading delay?

Question

The problem is, on most sites on the web, there are background images. They take time to load. Ordinarily, it wouldn\'t be a problem if the images were optimized, and small

Answer 1

You may use something like this:

HTML

---

CSS

/* Hide slider image until page is fully loaded*/
body:not(.loaded) #slider img {
  display:none;
}