如何调用ajax loader

时间:2012-05-03 04:28:29

标签: jquery html ajax

我已经构建了一个小功能,其功能是在用户点击“a”标签时更改横幅图像路径。它工作正常但是当我点击“a”标签时它会改变图像。但这需要一点时间,因为图像的大小很重。所以我想把ajax加载器放到图像加载的时候。

<head>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$(function(){
    $('.control').find('a').click(function(){

        var path= $(this).text();

        $('#banner').find('img').attr('src','images/' + path +'.jpg' )

        })


    })


</script>

</head>

<body>
<div id="banner">
<img width="500" height="300" src="images/first.jpg" />

</div>
<div class="control">
<a href="#" id="first">first</a>
<a href="#" id="second">second</a>
<a href="#" id="third">third</a>
<a href="#" id="forrth" >fourth</a>


</div>

</body>

1 个答案:

答案 0 :(得分:2)

你可以尝试这个

jQuery Loadmask