请问验证码的ajax图片loading问题

请问验证码的ajax图片loading问题
问题描述：
想实现点击验证码图片，在点击后出现loading图片，验证码完成变换后，loading图片消失。
我的html
<li style="position: relative">
                    <input id="txtValCode" name="txtValCode" type="text" class="inputstyle" onkeyup="chenkCode()"
                        onblur="chenkCode()" />
                    <img src="../Handler/ValidateImage.ashx" class="verifycodeimg" id="vimg" onclick="changeImg()"
                        alt="请输入验证码,看不清楚？点击换一个" />
                    <img src="../Images/ajax-loader.gif" id="LoadingImg" alt="loading..." style="display: none;"/>
                    <span id="checkCode">（点击图片可更换）</span> </li>
                <li>我的js    <script type="text/javascript">        //点击换验证码
        function changeImg() {
            var imgNode = document.getElementById("vimg");
            $("#LoadingImg").css("display", "inline");
            imgNode.src = "../Handler/ValidateImage.ashx?t=" + (new Date()).valueOf();
            $("#LoadingImg").css("display", "none");
            
这样呢，验证图片是可以变换，但是loading图片没有从出现到消失的过程，完全没有出现过。后改成ajax的
<script type="text/javascript">        //点击换验证码
        function changeImg() {
           
            
            /*尝试ajax变图片*/
            $("#LoadingImg").css("display", "inline");
            var url ="../Handler/ValidateImage.ashx";
            $.post(url, { "t": (new Date()).valueOf() }, function(data, status) {
            if ("success" == status) {
                    //$("#vimg").val = data;
                    $("#vimg").attr("src", url);
                }
                else {
                    alert("ajax wrong");
                }
                $("#LoadingImg").css("display", "none");
            });这样loading图片有从出现到消失的过程，但是图片没有办法正确显示。主要是                    $("#vimg").attr("src", url);不知如何把data转成图片并显示。---------
求助各位，谢谢。