如何使用js在load（）进程中显示加载图像

Question

I want to show loading image in my page.. I have a load() function and i need to display a loading image in the center of my page while its loading and i am using load() with backbone router.

I think i need javascript to do it but i dont know how to show it only at load() proccess.

Answer 1

**You can use in this way**
 function showLoadingMsg() {
    $('#loading-message').css({
        display   : 'block'

        });
    }
function hideLoadingMsg() {
    $('#loading-message').remove();
}

**the place where you want to show loading gif**
<!--loding image goes here--> 
    <div style="display:none" id="loading-message"><img src="<?php echo base_url(); ?>assests/img/loading.gif" /></div> 


**When to show and hide should be in**

obj.fbId ="14232";
showLoadingMsg();
$.post("<?= base_url() ?>welcome/insertVideos",obj,
                                                        function(success){
    hideLoadingMsg();
}, "json");