Image Preload with CSS3

CSS3 Multiple Background Property

Supported IE 9+ (Windows 10 Edge "Spartan" too)

There are some more images that load invisibly (check console), use them to change the background onClick

CLICK ME PAL

IMG on load has 48.2 kB, not preloaded. The rest of the images are at 548 kB and 643 kB, but with CSS preload

            background:
                 url('../resources/img/2.jpg') no-repeat -9999px -9999px,
                  url('../resources/img/3.jpg') no-repeat -9999px -9999px,
                  url('../resources/img/4.jpg') no-repeat -9999px -9999px,
                  url('../resources/img/5.jpg') no-repeat -9999px -9999px,
                  url('../resources/img/5B.jpg') no-repeat -9999px -9999px;