请问验证码的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");