我现在有个DIV内嵌背景图片，固定宽度1920PX，当浏览器变小的时候DIV自动从两边向中间裁剪，裁剪到1320px时，停止裁剪.
我现在的做法是，两层DIV，外面一层设置宽度1920px,里面一层同样设置1920px同时添加背景图片，这样当浏览器往里面缩小时，设置外层DIV为浏览器宽度设置里面那一次的margin-left为浏览器宽度减去1920再除以二，当缩减到1320时停止裁剪，可以实现效果.
但是唯一有一个问题，初始化的工作全部在window.onload里面实现，但是window.onload需要在DOM加载完成后执行，由于图片太多加载太慢，用户在刚开始加载的时候看到的页面会变形，然后在Js的window.onload的加载完成后才能正常显示.
我现在的做法是在window.onload加载前先隐藏整个DOM，在window.onload加载后再显示，这样虽然用户看起来页面不会变形，但是中间会有一段空窗期.
求教大神怎么解决.
那如果先放一张小的图片，填充整个区域，这样加载快，然后等大图加载完成后替换成大图。也就是很多地方说的预加载。