解决js切换图片闪屏问题

主要原因：图片没有加载完全，然后调用了图片的动态效果，造成有闪屏的现象出现。
解决方法：先创建一个Image对象，然后优先加载图片，等加载完成，然后调用onload函数加载图片动态效果；
仅展示部分关键代码：

 var $picture = $("<div id='picture0' style='display: block;background-image: url(static/image/test0.png)' 
//设置等待函数(可以不用等待函数)，图片0展示0.8s后展示图片1的效果
 setTimeout(function () {
            //先预加载图片信息，然后
             var img = new Image();
            img.src = 'static/image/test1.png';（相当于浏览器提前加载图片）
            img.onload = function () {
                document.getElementById('picture0').style.backgroundImage = 'url(static/image/test1.png)';
               // document.getElementById('picture0').className = 'cls_mySprite1';
            };
        }, 800);