图片弹出层的居中显示

有个单纯的图片弹出，要居中显示，加载居中如下：

对应的 html 代码如下：

<div class="pop">
   <div class="crer_cont"></div>
</div>

js代码 如下：

function previewcer(url){
            if(url){
                $('.cfade').show();
                $('.crer_preview').show();
                $('.crer_cont').html('<img id="imgs" οnlοad="adapt();" src="'+url+'"/>');
            }
        }

        function adapt(){
            var img = new Image();
            img.src =$('#imgs').attr("src") ;
            var imgWidth = img.width; //图片实际宽度
            var left = (960 - imgWidth)/2; //这里的960 为页面body的实际宽度
            $(".crer_cont").css('margin-left',left+'px');
        }