XF 1.3 How to Display page load image during page load?

[Mian Shahid]

Hi, we are running flash games on our board, some games like Agnry Bird are too large which taking time to load, during loading of game, the page looking white and some members thinking that their is nothing happening at the movement, so we are thinking that, during game loading we can display loading image like

or something like

I have a script

/***Combo Menu Load Ajax snippet**/
<script type="text/javascript">
function ajaxcombo(selectobjID, loadarea){
    var selectobj=document.getElementById? document.getElementById(selectobjID) : "";
    if (selectobj!="" && selectobj.options[selectobj.selectedIndex].value!=""){
        document.getElementById(loadarea).innerHTML = '<img src="images/icons/loading7.gif" style="margin: 0 auto; display: block; width: 32px; height: 32px;" alt="Loading" title="">';
        ajaxpage(selectobj.options[selectobj.selectedIndex].value, loadarea);
    }
}
</script>

but didn't work if i put it in EXTRA.css
i think this not suitable for my requirements.

any idea?

 

[rdn]

JS don't work on EXTRA.css
Just paste it below page_container_js_head

 

[Mian Shahid]

hummmm, I put this code first at top, then at bottom, but nothing was happened .