Efficiently loading hidden/layered images in web page
问题 I have a layered div component which displays a successive series of large kb images by slide-animating away the top image to reveal the next image below. I'm trying to understand how best to approach this. Approach 1: layer a number of divs on top of each other, each with an image assigned as background, and slide away the divs as needed. Will the hidden divs load their images on page load, or only when they are revealed? Is this browser/client specific behavior? Do all images (jpegs, pngs)