jquery submit 할때 로딩중 이미지 페이지(화면) 한 가운데 띄우기

- html 파일 부분

 

<div id="loading" class="loading"></div>

 

$(document).ready(function() {

        $('#loading').hide();

        $('#myform').submit(function(){

            $("#loading").css({

                "top": (($(window).height()-$("#loading").outerHeight())/2+$(window).scrollTop())+"px",

                "left": (($(window).width()-$("#loading").outerWidth())/2+$(window).scrollLeft())+"px"

             }); 

            $('#loading').show();

            return true;

        });

    });

 

- style 부분

 

.loading{

    position: absolute;

    display: block;

    background: url("/images/loading.png") no-repeat;

    background-size: 100%;

    width: 25px;

    height: 25px;

    left: 50%;

    margin-left: -17.5px;

    bottom: -22px;

}

 

이렇게까지 친절하게 해 줄 필욘 없지만...때때로 요청하기도 한다.

 

모바일도 된다