قرار دادن آیکون متحرک loading برای سایت

[Beginner Programmer]

سلام و درود

من میخوام زمانی که سایت در حال بارگذاری هستش یا در حال جستجو یا ارسال اطلاعات به سرور ایکون متحرک loading رو در موقعیت مورد نظرم قرار بدم.
این کار با استفاده از css امکان پذیر هست؟

[SA_Developer]

سلام
CSS برای استایلینگه و برای ظاهر قسمت لودینگ ازش میتونید استفاده کنید.
اگر از جی کوئری استفاده میکنید میتونید از این کدها استفاده کنید:

برای درخواست های ajax:

$(document).ajaxStart(function() {
$("#loading").show(200);
});

$(document).ajaxComplete(function() {
setTimeout(function()
{
$("#loading").slideUp(200);

},3000);
});




<div id="loading">now loading...</div>
کد CSS هم یه چیزی شبیه این میتونه باشه.

#loading {
background: blue url('image url');
/* etc... */
}


برای المنت(ها)ی خاص:

<a href="someotherpage.php" >Your Link</a>Jquery:

$(function(){

$("a").click(function(){
$(this).after("<img src='loading_image.gif' alt='loading' />").fadeIn();
});

});


و نمایش لودیگ هنگام بارگذاری صفحه:
$(window).load(function(){
$('#dvLoading').fadeOut(2000);
});