2012-05-03 5 views
1

У меня есть небольшая функция, работа которой заключается в изменении пути изображения баннера, когда пользователь нажимает на тег «a». он отлично работает, но когда я нажимаю на тег «a», он меняет изображение. но это занимает немного времени, потому что размер изображения тяжелый. поэтому я хочу поставить ajax loader до момента загрузки изображения.Как вызвать ajax loader

<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> 

ответ