js判断当前页面的某个图片是否加载完毕

 有如下代码,需要外层div的背景图片加载完毕,才加载里面的div;

<div style="background-image:url('images/banner_1_graphics.png')">
    <div id="blackboard" class="scroll-holder" style="position: relative;left:30%;display:none;margin-top: 25px">
         <div id="moveDive" style="position: absolute;">
            <table style="color: white;text-align: left;width: 100%;font-weight: lighter;">
            </table>
         </div>
    </div>
</div>

废话不多说直接上代码:

var showTable = function(){
    var img = new Image();
    img.src = "images/banner_1_graphics.png";//需要判断的图片地址
    img.onload = function () {
                //该图片已加载完毕,实现自己的业务逻辑
                $("#blackboard").slideDown(800);
                });
            }
}